Skip to main content

​
EquaFileUpload

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

​
Purpose

Drag-and-drop and browse-based file upload surfaces.

​
Storybook

StoryReference
DefaultStorybook
With LabelStorybook
Images OnlyStorybook
PDF OnlyStorybook
Multiple FilesStorybook
Small Max SizeStorybook
DisabledStorybook
Document TypesStorybook
All VariantsStorybook

​
API And Props

Prop or ControlSourceNotes
multipleStorybook controlSee source story for accepted values
disabledStorybook controlSee source story for accepted values
acceptStorybook controlSee source story for accepted values
Sources:
  • equa-patternlib-nextjs/src/components/fileupload/fileupload.tsx, Line: 5
  • equa-patternlib-nextjs/src/components/fileupload/index.ts
  • equa-patternlib-nextjs/stories/EquaFileUpload.stories.tsx, Line: 6

​
Figma

UNVERIFIED — requires Figma node assignment

​
Screenshots

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