Link
Basic link
Parameters (Blade)
| Key | Default value | Type | Available values | Description |
|---|---|---|---|---|
|
componentElement
|
span | string | - | - |
|
slot
|
Undefined label | string | - | The content of the link |
|
href
|
string | - | Where should the link go to? | |
|
target
|
_top | string | - | Link target attribute. Default is _top. Allowed values are _blank, _self, _parent or _top. This is only added if href is not empty. |
|
keepContent
|
true | boolean | - | If link is empty, should we show content anyways? Prints the content wrazpped by a span element. |
|
keepWrapper
|
true | boolean | - | If link is empty and keepContent is true, should we keep the span added by keepContent? If false, it will print the content without any wrapping element. |
|
xfn
|
false | boolean | - | Relation to the link (ex. nofollow) |
|
unstyled
|
false | boolean | - | If true, all link styles will use inherit from parent element. |
|
id
|
string | - | The DOM id of the component. | |
|
classList
|
[] | array | - | Array containing wrapping classes array |
|
attributeList
|
[] | array | - | Array containing keys and values rendered as attributes |
Parameters (CSS)
| Key | Default value | Type | Available 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. |