Components
Loading preview...
Rounded pill badge component from Interfaces DS with default, secondary, destructive, and outline variants.
npx shadcn@latest add https://21st.dev/r/jshguo/interfaces-badgeimport { Badge } from "@/components/ui/interfaces-badge"
export default function DefaultBadgeDemo() {
return (
<div className="flex min-h-screen w-full items-center justify-center bg-background p-8 overflow-hidden">
<Badge>Badge</Badge>
</div>
)
}