Components
Loading preview...
A compact, interactive element for displaying status, categories, or filters with optional icons and dismissible functionality.
npx shadcn@latest add https://21st.dev/r/preetsuthar17/chipimport { 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>
</>
);
}