Skip to content

Components

Badge

A small label for status, counts and tags.

NewDraftOverdueArchived

Import

import { Badge } from '@rinzai/zen';

API reference

<Badge>

A small label for status, counts and tags; tone="negative" for bad news.

PropTypeDefault
tone
"default" | "negative" | null—
variant
"default" | "outline" | "secondary" | null—