Data Display

Tag

A compact label for categorizing or annotating an item inline.

Install

import { Tag } from 'vael-ui'

variant

size

pill

import { Tag } from 'vael-ui'

<Tag variant="muted" size="md" :pill="false">Tag</Tag>

Name	Type	Default	Description
`variant`	`"primary" \| "danger" \| "muted" \| "success" \| "warning" \| "info"`	`"muted"`
`size`	`"md" \| "sm"`	`"md"`
`pill`	`boolean \| undefined`	`false`	Fully pill-rounded instead of the default small label corners.
`ui`	`Partial<{ root: UiPartValue; icon: UiPartValue; label: UiPartValue; }> \| undefined`

Name	Type	Description
`default`	`any`
`icon`	`any`	A small leading glyph (a dot, a checkmark) — sized to match the text, not a full icon box.

No events.

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