Badge

A small label component used to display status, categories, or counts with various styles and colors.

Installation

npx chilli@latest add badge

Default

Label
Label

Sizes

Small
Medium
Large

API Reference

Badge

PropTypeDefaultDescription
variant"default" | "secondary" | "success" | "warning" | "danger""default"The visual style variant of the badge.
size"sm" | "md" | "lg""md"The size of the badge.
childrenReactNodeThe content of the badge.
classNamestringAdditional CSS classes.