Skip to main content

File Upload

Demo

zeta-web v0.6.6
Web Components

A file input that supports drag and drop.

Storybook

https://design.zebra.com/web/storybook/?path=/docs/components-file-upload--docs

Attributes

NameDescriptionTypeDefault
headlineThe headline text.stringundefined
captionThe caption text.string | undefinedundefined
acceptA comma separated list of accepted file formats.For more information see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#additional_attributes.string | undefinedundefined
multipleAllows multiple files to be added to the input. Also affects drag and drop.booleantrue
nameThe name given to the file input.string | undefinedundefined
activeUsed to trigger the 'active' state of the file input.booleanfalse
errorUse to show the 'error' state of the file input.booleanfalse

Inherited Attributes

NameDescriptionTypeDefaultInherited From
roundedWhether the component is rounded or sharp.When true, rounded will set the border radius of the first child, and any children with class 'contourable-target' to --radius-minimal.Otherwise, this value will be --radius-none.boolean | undefinedtrueContourable

Figma

https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=23753-10089