DaisyLink is a styled anchor element that can be customized with various color options. It supports different color variants and hover effects to enhance your UI's navigation elements.
⚠️ This component is prefixed with Daisy to avoid conflicts with native HTML elements. Hence, you must use DaisyLink instead of Link.
Link is a standalone component.
The Link component is a styled anchor element that can be customized with various color options. It follows the clean, template-driven class binding style for Vue components.
| Link Props | Type | Description |
|---|---|---|
is | string | The HTML tag or component to render as. Default is |
hover | boolean | Applies the hover effect to the link. |
color | string | Sets the color of the link. Options: - |
| neutral | boolean | Shortcut for |
| primary | boolean | Shortcut for |
| secondary | boolean | Shortcut for |
| accent | boolean | Shortcut for |
| success | boolean | Shortcut for |
| info | boolean | Shortcut for |
| warning | boolean | Shortcut for |
| error | boolean | Shortcut for |
| Link Slots | Description |
|---|---|
default | The default slot. Content to be displayed inside the link. |
A simple styled link.
Links with all available color options.
Links with color and hover effect enabled.