Skip to main content

Upload Item

A list tile showing the upload progress of an item.

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

Demo​

zeta-web v1.4.2
Web Components

Storybook​

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

Slots​

NameDescriptionType
defaultThe title of the file being uploaded.text
subtitleAny extra information about the upload.text
leadingThe thumbnail of the file being uploaded.text

Attributes​

NameDescriptionTypeDefault
flavorThe flavor of the upload item.'error' | 'default' | 'completed'"default"
progressThe progress shown on the progress circle on the upload item.number0

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