​

EquaButton

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

​

Purpose

Primary, secondary, danger, warning, cancel, icon, grouped, and loading actions.

​

Storybook

​

API And Props

Sources:

• equa-patternlib-nextjs/src/components/button/button.tsx, Line: 6
• equa-patternlib-nextjs/src/components/button/index.ts
• equa-patternlib-nextjs/stories/EquaButton.stories.tsx, Line: 15

​

Figma

UNVERIFIED — requires Figma node assignment

​

Screenshots

​

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.