Cloaked Design SystemReference

Buttons

Compare the real components, explore every example, and follow the guidance into implementation.

Implementation preview

COMPLETE STORYBOOK REFERENCE

Button

Explore every named example, including states, compositions, and theme variants.

9 stories

Playground selectedOpen canvas

Example source

packages/design-system/src/components/primitives/Button/Button.stories.tsxExport Playground

Implementation 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.

Make the next action clear with one primary button and quieter supporting actions.

Design-owned component contract ↗Version 0.2.0-preview.1 · Implementation preview pending sign-off

Read Button guidance →

COMPLETE STORYBOOK REFERENCE

FloatingActionButton

Explore every named example, including states, compositions, and theme variants.

4 stories

Playground selectedOpen canvas

Example source

packages/design-system/src/components/primitives/FloatingActionButton/FloatingActionButton.stories.tsxExport Playground

Implementation 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 circular frosted-glass action button that floats over screen content in the bottom-right corner.

Design-owned component contract ↗Version 0.2.0-preview.1 · Implementation preview pending sign-off

Read FloatingActionButton guidance →

COMPLETE STORYBOOK REFERENCE

FloatingActionMenuButton

Explore every named example, including states, compositions, and theme variants.

4 stories

Playground selectedOpen canvas

Example source

packages/design-system/src/components/primitives/FloatingActionMenuButton/FloatingActionMenuButton.stories.tsxExport Playground

Implementation 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 floating-action circle whose press opens an anchored menu of related actions above it.

Design-owned component contract ↗Version 0.2.0-preview.1 · Implementation preview pending sign-off

Read FloatingActionMenuButton guidance →

Implementation preview

This design-owned implementation is ready to try and review. It does not establish product approval. Imported specifications retain their original review status.

Inspect version 0.2.0-preview.1