Component

Layer pills

Compact architecture controls that expand in place to reveal supporting detail and coordinate with the stacked visual.

Interactive specimen

Collapsed and expanded states

Select a layer to inspect the shared production behavior. The plus icon remains stable while the active pill expands into a description panel.

Usage

Interaction rules

Collapsed

Hugs the title and plus icon with no trailing empty width.

Expanded

Uses an 8px panel radius, visible description, and active border.

Keyboard

Uses native buttons, visible focus, and accurate expanded state semantics.