Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA compact pill with avatars, status indicators, deltas, icons and a dismiss button.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
| Export | Description |
|---|---|
Pill | A part of the component; compose it with the others as shown in the usage example. |
PillAvatar | A part of the component; compose it with the others as shown in the usage example. |
PillButton | A part of the component; compose it with the others as shown in the usage example. |
PillStatus | A part of the component; compose it with the others as shown in the usage example. |
PillIndicator | A part of the component; compose it with the others as shown in the usage example. |
PillDelta | A part of the component; compose it with the others as shown in the usage example. |
PillIcon | A part of the component; compose it with the others as shown in the usage example. |
PillAvatarGroup | A part of the component; compose it with the others as shown in the usage example. |
The props are typed, and each part accepts the usual attributes of the element it renders.
Indicators and deltas are decorative: always keep a text label next to them so colour is never the only cue. Give icon-only PillButton controls an aria-label. The pulse stops when the browser asks for reduced motion.
Based on Kibo UI (MIT), adapted for tealmac UI. See the third-party notices.