DisplayChip

A small label that can be chosen and removed.

import { DisplayChip } from '@zairakai/vue-components/Display'

Usage

<DisplayChip />

Props

Name	Type	Default	Description
id	string
class	string
variant	string	'default'
value	string		Inside a chip group: the value it adds to the selection.
selectable	boolean	false	A chip that can be chosen: it becomes a toggle button.
selected	boolean	undefined
removable	boolean	false	A chip that can be removed: a button next to it.
removeLabel	string	'Remove'
disabled	boolean	false

Events

Name	Description
update:selected
remove

Slots

Name	Description
icon
default

See Theming for the class hooks and the data-* state of the components.