Chip

A compact element for tags, filters, or selections that can be toggled or removed.

Import

import { Chip } from "@/components/ui"

Prop	Type	Default	Description
variant	"default" \| "selected" \| "error"	"default"	Visual state of the chip.
size	"sm" \| "md" \| "lg" \| "xl"	"md"	Chip size.
label	string	—	Text content of the chip.
onRemove	() => void	—	Shows a remove button when provided.
leftIcon	ReactNode	—	Icon before the label.