Skip to main content

EquaEquabotzSettings

Last Verified: 2026-05-20 | Storybook source: equa-patternlib-nextjs/stories/EquaEquabotzSettings.stories.tsx, Line: 13

Purpose

Canonical settings surface for the Equabotz route family.

Storybook

StoryReference
Final design - full route shellStorybook
Gateway DisconnectedStorybook
Gateway ConnectedStorybook
Gateway ErrorStorybook
Compact Responsive FrameStorybook
Granular ComponentsStorybook

API And Props

Prop or ControlSourceNotes
UNVERIFIEDNot exposed in Storybook argTypesReview component TypeScript interface
Sources:
  • equa-patternlib-nextjs/src/components/equabotzsettings/equabotzsettings.tsx, Line: 39
  • equa-patternlib-nextjs/src/components/equabotzsettings/index.ts
  • equa-patternlib-nextjs/stories/EquaEquabotzSettings.stories.tsx, Line: 13

Figma

UNVERIFIED — requires Figma node assignment

Screenshots

StateAsset
Equa dark themeEquaEquabotzSettings dark theme
Light themeEquaEquabotzSettings light theme

Usage Notes

  • Prefer this component over local one-off UI for matching product states.
  • Keep new variants represented in Storybook before adding docs references here.
  • Use token-backed colors, spacing, radius, and shadows from Foundations.

Accessibility Notes

  • Preserve keyboard and focus behavior from the source component.
  • Any icon-only controls must provide an accessible label in consuming product code.
  • Validate color contrast in both Equa dark and light theme screenshots before release.