Beta Badge component
Install
npx shadcn add https://ui.happenings.social/r/beta-badge.json
Or with namespace
npx shadcn add @happenings/beta-badge
Preview
Registry block: pre-styled badge variant for beta/experimental feature labels.
src/components/beta-badge.tsx
export function BetaBadge() {
return (
<span className="ml-1.5 inline-flex items-center rounded-md bg-blue-50 px-1.5 py-0.5 text-[10px] font-semibold uppercase leading-none text-blue-600 ring-1 ring-inset ring-blue-200 dark:bg-blue-950/40 dark:text-blue-400 dark:ring-blue-800">
Beta
</span>
);
}