Skip to main content

File Upload

A dialog that allows users to upload files.

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

Demo

zeta-web v0.11.0
Web Components

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