Data Display

Chip

A removable, compact token for selected filters, tags, or multi-select values.

Install

import { Chip } from 'vael-ui'

Chip label

label

removable

disabled

size

import { Chip } from 'vael-ui'

<Chip label="Chip label" :removable="false" :disabled="false" size="md">Chip</Chip>

Name	Type	Default
`label`	`string \| undefined`
`removable`	`boolean \| undefined`	`false`
`disabled`	`boolean \| undefined`	`false`
`size`	`"md" \| "sm"`	`"md"`
`ui`	`Partial<{ root: UiPartValue; label: UiPartValue; remove: UiPartValue; }> \| undefined`

Name	Type	Description
`default`	`any`	Overrides the label content; the library still owns the remove button and its accessible name (from the `label` prop) — pass `label` even when using this slot.

Name	Type	Description
`remove`	`[]`

Name	Type	Description
`el`	`HTMLElement \| null`