Badge
Badges are used to inform about the status of an object or an action that’s been taken.
version
5.0.0-alpha.33
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 #
Name | Type(s) | Default | Required |
---|