Visual badge preview with live rendering and copyable code snippet.
pnpm dlx shadcn@latest add @shieldcn/badge-previewimport { BadgePreview } from "@/components/badge-preview"<BadgePreview src="https://shieldcn.dev/npm/react.svg" alt="React" />Shows a copyable code block below the badge preview.
Use BadgePreviewGroup and BadgePreviewCard to show multiple variants: