Socra Developer
DesignComponentsTokensRules
Human Interface Guidelines
FoundationsPatternsComponentsInputs
Components

Status

Components that communicate progress, count, or state.

Progress

Progress shows work underway.

Open

Spinner first for normal app loading.

Badge and Chip

Badges and chips summarize compact state.

Open
3
Synced
Needs review

Empty State

Empty states explain absence and next action.

Open
3
Synced
Needs review

Gauge and Rating

Gauges and ratings summarize scalar state.

Open
Progress quality
Inputs named
States covered
Gate enforced