Pill Composition 2 - Status with dismiss

Pro

Pill combining PillStatus and a dismiss PillButton.

Shadcn Pill Composition 2 component

Component data

ID
pill/pill-composition-2
Access
pro
Created
Jul 30, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Pill Composition 2 component design & features

This example composes PillStatus with a pulsing info indicator, a release label, and PillButton for dismiss.

Status-plus-dismiss pills fit temporary banners, draft notices, and closable workflow chips.