Skip to content

Kirby 3.6.0

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

Events

You can bind any event to the link.

CSS classes

.k-link