Class ZetaUploadItem

Represents a file being uploaded.

Slot

  • The title of the file being uploaded.

Slot

subtitle - Any extra information about the upload.

Slot

leading - The thumbnail of the file being uploaded.

ZetaCloseEvent:close - Fired when the close icon is clicked. ZetaCancelUploadEvent:cancel-upload - Fired when the cancel button inside the progress circle is clicked.

Figma

https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?node-id=229-42&node-type=canvas&m=dev

Storybook

https://zeta-ds.web.app/web/storybook/index.html?path=/docs/file-upload--docs

Hierarchy

  • ContourableInterface<this> & LitElement<this>
    • ZetaUploadItem

Other

constructor flavor progress rounded styles

rendering

render

Other

constructor

  • new ZetaUploadItem(): ZetaUploadItem

  • Returns ZetaUploadItem

flavor

flavor: "error" | "default" | "completed" = "default"

The flavor of the upload item.

progress

progress: number = 0

The progress shown on the progress circle on the upload item.

rounded

rounded: boolean

Staticstyles

styles: CSSResultGroup[] = ...

rendering

Protectedrender

  • render(): TemplateResult<1>

  • Invoked on each update to perform rendering tasks. This method may return any value renderable by lit-html's ChildPart - typically a TemplateResult. Setting properties inside this method will not trigger the element to update.

    Returns TemplateResult<1>

Settings

Member Visibility

On This Page

Other
rendering