Link
<k-link>
This UI component hasn't been finalized yet. The functionality and syntax aren't stable and might be redone in an upcoming release. Only use it at your own risk - breaking changes are likely to occur.
Our Link component is a wrapper around a native HTML a element, but it is also used to swap this with a Vue router-link element in our application whenever it makes sense. It comes with a set of additional useful helpers.
<k-link to="https://getkirby.com">Kirby Website</k-link>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| disabled |
boolean |
– |
Disabled links will have no pointer events and cannot be clicked or focused.
|
| rel |
string |
– |
|
| tabindex |
string|number |
– |
|
| target |
string |
– |
|
| title |
string |
– |
|
| to |
string|func |
– |
The path or absolute URL for the link.
|
Events
| Event | Description | Passes |
|---|---|---|
| click |
|
– |
Slots
| Slot | Description |
|---|---|
| default |