File Upload
A dialog that allows users to upload files.
Figma Link
- Web Components
- Flutter
Demo
zeta-web v1.4.2
Web Components
Storybook
https://design.zebra.com/web/storybook/?path=/docs/components-file-upload--docs
Attributes
| Name | Description | Type | Default |
|---|---|---|---|
| headline | The headline text. | string | undefined |
| caption | The caption text. | string | undefined | undefined |
| accept | A 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 | undefined | undefined |
| multiple | Allows multiple files to be added to the input. Also affects drag and drop. | boolean | true |
| name | The name given to the file input. | string | undefined | undefined |
| active | Used to trigger the 'active' state of the file input. | boolean | false |
| error | Use to show the 'error' state of the file input. | boolean | false |
Inherited Attributes
| Name | Description | Type | Default | Inherited From |
|---|---|---|---|---|
| rounded | Whether 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 | undefined | true | Contourable |
Flutter component not available yet