Pill Composition 4 component design & features
This example uses PillStatus with a pulsing success indicator, then PillAvatar and a display name.
Status-plus-avatar pills fit presence rows, support agent chips, and live collaborator lists.
Pill Composition 4 - Status with avatar
Pro
Pill combining PillStatus and PillAvatar.
Component data
- ID
- pill/pill-composition-4
- Access
- pro
- Created
- Jul 30, 2026
- Type
- example
- Libraries
- Radix UI, Base UI, React Aria