badge

Small status indicator with solid, soft and outline variants.

A small headless badge/label. Polymorphic via as (defaults to span).

import { Badge } from '@fluixi/badge';

<Badge variant="soft">New</Badge>
<Badge as="a" variant="outline" href="/x">Docs</Badge>

variant (solid | soft | outline) is exposed as data-variant for styling.

Part of the Fluixi UI component library. Made with ☕ by the Fluixi team.