Pill
bk-pill: same shape as bk-badge (4 variants × 7 colors, dot, removable) with rounder, pill-shaped styling.
Preview
A working preview of Pill in the Brickclay style. Try it.
GrayPrimaryErrorWarningOrangeSuccessPurpleCyan
DataActive sm
Interact with the preview to see events here.
API reference
| Input | Type | Default | Description |
|---|---|---|---|
label | string | '' | Text. |
variant / color / size | PillVariant / PillColor / PillSize | 'Light' / 'Gray' / 'md' | Same option sets as bk-badge. |
dot | 'left' | 'right' | 'none' | 'none' | Status dot position. |
removable | boolean | false | Shows a × that emits clicked. |
clicked | EventEmitter<string> | output | Emits the label when the × is clicked. |