Skip to content

Kirby 3.9.8

Tag

<k-tag>

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.

The Tag Button is mostly used in the <k-tags-input> component

<k-tag>Design</k-tag>

Props

Prop Type Default Description
removable
boolean
Enables the remove button

Events

Event Description Passes
remove
This event is emitted when the remove button is being clicked or the tag is focussed and the delete key is entered.

Slots

Slot Description
default

Deletable tags

Tags can have a "remove" button and a connected remove event

<k-tag :removable="true" @remove="removeTag">Design</k-tag>

CSS classes

.k-tag