title: 'Link'
description: 'Also known as a hyperlink, a link is a clickable (text or image) element used for navigation purposes.'
lexiconDefinition: 'https://liferay.design/lexicon/core-components/link/'
packageNpm: '@clayui/link'
sibling: 'docs/components/css-links.html'
import {Link, LinkContext} from '$clayui.com/src/components/clay/Link';
By default, when using ClayLink your component will be rendered as an anchor.
You can style a link just passing displayType
property to value secondary
or primary
.
Additionally, if you want to customize every Link component in your app, you are able to do so by using <ClayLinkContext.Provider />
.
API
[APITable "clay-link/src/index.tsx"]