Metrics & Status

CountBadge

Monospace count shown at the end of a nav or tab item, for unread counts, filter totals, and other numeric indicators.

Props

CountBadge extends HTMLAttributes<HTMLSpanElement>.

CountBadgeProps props

Prop	Type	Default	Description
`tone`	`"default" \| "warn"`	`"default"`	Turns amber when "warn".
`children`	`ReactNode`	—	The count content.

1230

CountBadge variants

ImportTSX

import { CountBadge } from "@solarius/onset";
import type { CountBadgeProps } from "@solarius/onset";