Getting StartedInstallation and setup guides 5
LayoutWorkflow and structural layout components 7
OverlayModal and floating layer surfaces 3
FeedbackStatus, empty, progress, and loading placeholder patterns 5
FormInput and selection components 17
UtilityGeneral-purpose interface utilities 7
NavigationMenu surfaces and hierarchical actions 7

Examples

Pair determinate and indeterminate states to communicate progress and loading intent clearly.

Determinate metrics

Track completion of known-duration tasks with determinate values.

Wrapper metric bars

Upload progress
Quality checks

Indeterminate handoff

Use indeterminate when duration is unknown, then switch to determinate rollout progress.

Wrapper loading bars

Preparing release
Rollout