Link
Also known as a hyperlink, a link is a clickable (text or image) element used for navigation purposes.
| install | yarn add @clayui/link |
|---|---|
| version | 3.106.1 |
Stable3.106.1View in LexiconCHANGELOG
Basic Usage
By default, when using ClayLink your component will be rendered as an anchor.
You can style a link with predefined styles by using displayType property. The available values are primary, secondary, danger, and tertiary.
Semi Bold
The weight attribute sets the font-weight for the link. The available values are normal, semi-bold, and null.
Font Size
The fontSize attribute appiles the text-# class on the link. It is based on the sizes listed on the Text page.
Outline
The outline attribute enables the link-outline variation of ClayLink.
Borderless
The borderless attribute removes the border from link-outline.
Monospaced
The monospaced attribute renders a link that is equal width and height.
With Context
Additionally, if you want to customize every Link component in your app, you are able to do so by using <ClayLinkContext.Provider />.