Skip to main content

EquaExecApproval

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

Purpose

Approval card and overlay surface for command execution review.

Storybook

StoryReference
Simple CommandStorybook
With MetadataStorybook
With ErrorStorybook
Long CommandStorybook

API And Props

Prop or ControlSourceNotes
UNVERIFIEDNot exposed in Storybook argTypesReview component TypeScript interface
Sources:
  • equa-patternlib-nextjs/src/components/execapproval/execapproval.tsx, Line: 4
  • equa-patternlib-nextjs/stories/EquaExecApproval.stories.tsx, Line: 6

Figma

UNVERIFIED — requires Figma node assignment

Screenshots

StateAsset
Equa dark themeEquaExecApproval dark theme
Light themeEquaExecApproval 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.