badge-style-variants

PreviousNext
Docs
retrouiblock

Preview

Loading preview…
preview/components/badge-style-variants.tsx
import { Badge } from "@/components/retroui/Badge";

export default function BadgeStyleVariants() {
  return (
    <div className="flex flex-wrap gap-4">
      <Badge>Default</Badge>
      <Badge variant="outline">Outlined</Badge>
      <Badge variant="solid">Solid</Badge>
      <Badge variant="surface">Surface</Badge>
    </div>
  );
}

Installation

npx shadcn@latest add @retroui/badge-style-variants

Usage

import { BadgeStyleVariants } from "@/components/badge-style-variants"
<BadgeStyleVariants />