Progress
Compare the real components, explore every example, and follow the guidance into implementation.
Implementation previewProgress
Explore every named example, including states, compositions, and theme variants.
Example source
packages/design-system/src/components/status/Progress/Progress.stories.tsxExport BarImplementation preview Local Storybook build 0.2.0-preview.1. Source specification status does not approve this runtime.
Stories + source JSON ↗Local specification source status: preview. Implementation preview pending sign-off.
A determinate progress family in three shapes: a linear Bar, a segmented Steps counter, and a circular Ring.
Spinner
Explore every named example, including states, compositions, and theme variants.
Example source
packages/design-system/src/components/status/Spinner/Spinner.stories.tsxExport PlaygroundImplementation preview Local Storybook build 0.2.0-preview.1. Source specification status does not approve this runtime.
Stories + source JSON ↗Local specification source status: preview. Implementation preview pending sign-off.
An indeterminate circular loading indicator for states where duration is unknown, sized and toned for inline or centered use.
Skeleton
Explore every named example, including states, compositions, and theme variants.
Example source
packages/design-system/src/components/primitives/Skeleton/Skeleton.stories.tsxExport PlaygroundImplementation preview Local Storybook build 0.2.0-preview.1. Source specification status does not approve this runtime.
Stories + source JSON ↗Local specification source status: preview. Implementation preview pending sign-off.
A decorative shimmer placeholder that preserves the expected text, avatar, or block layout while content loads.