Link - Web Component
Browser support
Detected engine:
Chromium
Webkit
Gecko
Parameters
The Web component uses the <z-link>
tag:
By default, all the parameters are optional or can be set in different, except for the ones marked as required
The parametrization of the component can be done with the following custom HTML params:
Name | Type | Description | Slot |
---|---|---|---|
href [required] | string | The URL to navigate to when the link is clicked. | |
is-current-page | boolean | Whether the link is the current page. | |
content | string | The text to be displayed in the link. | default |
The available slots for the component are:
Name | Tags | Description |
---|---|---|
default | span | The text to be displayed in the link. |
href
The href
parameter is used to define the URL to be opened when the link is clicked.
is-current-page
The is-current-page
parameter is used to define if the link is the current page.
The color of the link and the hover state can be customized using the --z-link--color
and --z-link--color--hover
CSS custom properties respectively.