Badge

6 variants for status, metric tags, and inline labels.

DefaultLiveCautionFaultSubtleOutline

Add to your project

One command adds this component to your project.

1

Run the following command. New project? Run npx shadcn@latest init first to set up Tailwind and path aliases.

npx shadcn@latest add @aicanvas/andromeda-badge
2

For dark mode, add the dark class to your <html> element:

Optional
<html class="dark">

More Andromeda components