Link
The Link component outputs a link to a URL.
Basic link
API
| Parameter | Default | Type | Description |
|---|---|---|---|
|
componentElement
|
span | string | The wrapper element. |
|
slot
|
Illuminate\Support\HtmlString|Illuminate\View\ComponentSlot|string|null | The optional slot content. | |
|
href
|
null | string|false|null | The target URL. |
|
target
|
_top | string | The link target. |
|
keepContent
|
true | boolean | Whether to keep the content when href is empty. |
|
keepWrapper
|
true | boolean | Whether to keep the wrapper when href is empty. |
|
xfn
|
null | string|false|null | Optional rel attribute value. |
|
unstyled
|
false | boolean | Whether to disable component styling. |
CSS API
| Variable | Default | Type | Values | Description |
|---|---|---|---|---|
|
--c-link--color--primary
|
var(--color--primary) | color | - | Primary |
|
--c-link--color--background-contrast
|
var(--color--background-contrast) | color | - | Used for text and icons on background with less contrast. |
|
--c-link--color-mix-amount
|
90 | range | - | Adjusts the mix amount of the link color in hover, active, and visited states. |
|
--c-link--state-color-mix-amount
|
50 | range | - | Adjusts the mix amount of the link color in hover, active, and visited states. |