Getting StartedInstallation and setup guides 6
FormInput and selection components 26
LayoutWorkflow and structural layout components 10
NavigationMenu surfaces and hierarchical actions 7
OverlayModal and floating layer surfaces 3
FeedbackStatus, empty, progress, and loading placeholder patterns 6
UtilityGeneral-purpose interface utilities 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