This is the Badge element
Package version
npm i module-tsl-ui-elements --save
6.7.7
imports
import { Badge } from 'module-tsl-ui-elements';
@import '~module-tsl-ui-elements/badge/badge';
example (editable)
Large BadgeMedium Badge (Default)Small BadgeInverse Badge
<div> <Badge size="lg">Large Badge</Badge> <Badge>Medium Badge (Default)</Badge> <Badge size="sm">Small Badge</Badge> <Badge inverse>Inverse Badge</Badge> </div>
Status BadgeStatus Badge french-roseStatus Badge purple-heartStatus Badge ceruleanStatus Badge burning-orangeStatus Badge caribbean-greenStatus Badge electric-limeStatus Badge broomStatus Badge cornflower-blue
<div> <Badge statusBadge>Status Badge</Badge> <Badge statusBadge theme="french-rose">Status Badge french-rose</Badge> <Badge statusBadge theme="purple-heart">Status Badge purple-heart</Badge> <Badge statusBadge theme="cerulean">Status Badge cerulean</Badge> <Badge statusBadge theme="burning-orange">Status Badge burning-orange</Badge> <Badge statusBadge theme="caribbean-green">Status Badge caribbean-green</Badge> <Badge statusBadge theme="electric-lime">Status Badge electric-lime</Badge> <Badge statusBadge theme="broom">Status Badge broom</Badge> <Badge statusBadge theme="cornflower-blue">Status Badge cornflower-blue</Badge> </div>
Props
We couldn't detect props! Check if __docgenInfo is correctly defined