components
Link
v.1.0.0 | SaturnUsage
import { Link } from '@kubit-ui-web/react-components'
1
<Link variant="PRIMARY" url="/#">Link</Link>
Props
Let's delve into the versatility of the link component by examining its available props:
| Property | Type | Default | Description |
|---|---|---|---|
variant Required | String | - | Link variant |
url Required | Node | - | Content |
children Required | String | - | Children of the link |
| action | LinkActionType | NAVIGATION | Type of link action |
| alignCenter | Boolean | false | Align or not to center |
| ariasDescribedby | String | - | Aria id when button should read a text |
| ariaLabel | String | - | Defines a string value that labels an interactive element |
| color | String | - | Color of the text |
| dataTestId | String | - | Testing id |
| decoration | TextDecorationType | AUTO | Include underline in text component |
| icon | IElementOrIcon | - | Icon |
| iconPosition | String | - | Icon position |
| onClick | MouseEventHandler | - | Event click |
| role | String | - | Provide semantic meaning to content |
| state | LinkStateType | DEFAULT | State of link |
| target | LinkTargetType | - | Place to display the linked url |
| textVariant | String | - | Variant of the text component |
| weight | Number | - | Weight of the text |
| draggable | Boolean | - | It indicates if it is draggable |
| ctv | LinkStylesType | - | Modify styles for the default version of the component |