About this component
Tag Group Badge
A tag group badge that renders wrapping chips for services, skills, and topics.
Usage
The import and the props worth knowing about, in one place.
import { Badge19 } from "@/components/beste/component/badge19";
<Badge19 tags={["Branding", "Web design", "Motion", "3D"]} />
<Badge19
tags={["Next.js", "Tailwind", "shadcn/ui"]}
tone="outline" // "muted" (default) | "outline"
/>Props
Read from the component's own type, so this cannot drift from what it accepts.
| Prop | Type | Default | Description |
|---|---|---|---|
tags* | string[] | — | The tag labels |
tone | "muted" | "outline" | — | Chip style: muted fill (default) or bordered outline |
className | string | — | Additional classes merged onto the root |
