<Badge />

Badge provides a short label for describing elements.

Variants

Badge has a single variant by default, filled:

Badge

Props

Name
Description
color

"primary"
size

"small" | "large"
variant

"filled"

TypeScript customization

You can use module augmentation to customize the TypeScript types for any of Badge's props:

declare module 'componentry/types/components/Badge/Badge' { interface BadgePropsOverrides { // ... overwrite any types for Badge props ... } }

See the for more information.

StylingBadge styles

Class
Description
.C9Y-Badge-base
.C9Y-Badge-filled
.C9Y-Badge-largeSize
.C9Y-Badge-smallSize