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