Chip

A compact, removable token for filters and selections.

Installation

npx plankui@latest add chip

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

<Chip onRemove={() => remove("Design")}>Design</Chip>

Prop	Type	Default	Description
variant	"neutral" \| "accent" \| "success" \| "warning" \| "danger"	"neutral"	Tone.
leading	ReactNode		Icon or avatar before the label.
onRemove	() => void		Shows a remove button.