WUI logo

Badge

Badges are used to inform about the status of an object or an action that’s been taken.

version

5.12.0

install

yarn add @welcome-ui/badge

usage

import { Badge } from '@welcome-ui/badge'

Usage #

Sizes #

Use size property with sm or md (default)

Variants #

Use variant property with default (default) or primary

Disabled #

Use disabled property

Shapes #

Use shape property with circle (default) or square

withNumberAbbreviation #

If a number is higher than 99, we replace this number by 99+, simply add property withNumberAbbreviation. The children need to be a number!

Variant can be default (default) or primary

Properties #

NameType(s)DefaultRequired

Packages #

Dependencies #
Peer dependencies #

Previous

Avatar

Next

Card