A compact, interactive element for displaying status, categories, or filters with optional icons and dismissible functionality.
import { Chip } from "@/components/ui/chip"; export default function DemoOne() { return ( <> <div className="flex gap-4 flex-wrap"> <Chip>Default</Chip> <Chip variant="secondary">Secondary</Chip> <Chip variant="outline">Outline</Chip> <Chip variant="ghost">Ghost</Chip> <Chip variant="destructive">Destructive</Chip> </div> </> ); }
Part of HextaUI — browse the full library on 21st.dev.