Badge1

mynaui/badge1

FreeComponent

Badges are small components that can be used to display a status or a count.

Install it

npx shadcn@latest add https://mynaui.com/r/badge1.json

Source

badge1.tsxmynaui.com/r/badge1.json

1import { Badge } from "@/ui/badge";
2 
3export default function BasicBadge() {
4  return (
5    <>
6      <Badge>Badge</Badge>
7      <Badge variant="secondary">Secondary</Badge>
8      <Badge variant="outline">Outline</Badge>
9      <Badge variant="destructive">Destructive</Badge>
10    </>
11  );
12}

What it pulls in

Other registry items

badge

Files it writes

page.tsx
badge1.tsx

More from mynaui

All 346 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Accordion1accordion1	mynaui	Components	Free	no deps · 2 files
Accordion2accordion2	mynaui	Components	Free	no deps · 2 files
Accordion3accordion3	mynaui	Components	Free	no deps · 2 files
Accordion4accordion4	mynaui	Components	Free	1 dep · 2 files
Accordion5accordion5	mynaui	Components	Free	1 dep · 2 files
Alert dialog1alert-dialog1	mynaui	Components	Free	no deps · 2 files
Alert dialog2alert-dialog2	mynaui	Components	Free	1 dep · 2 files
Alert dialog3alert-dialog3	mynaui	Components	Free	1 dep · 2 files