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