Pill Composition 1 - Composed pill

Pro

Pill combining status indicator, delta, and avatar group.
Shadcn Pill Composition 1 component

Component data

ID
pill/pill-composition-1
Access
pro
Created
May 23, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Pill Composition 1 component design & features

This example composes the Kibo UI Pill with PillStatus, PillIndicator, PillDelta, and PillAvatarGroup. Status, trend, and teammates share one compact badge.

Composed pills work in sprint summaries, campaign performance rows, and team activity feeds where several facts must stay visible in limited space.