Pill Status 1 - Status section

Pro

Pill with PillStatus separating a build result from an ID.

Shadcn Pill Status 1 component

Component data

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

Pill Status 1 component design & features

This example uses PillStatus with a success indicator and Passed label, then a build identifier after the divider.

Status sections work in CI headers, deployment chips, and pipeline rows that pair a result with a reference.