Class ZetaFileUpload

A file input that supports drag and drop.

Figma

https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?node-id=898-10794

Storybook

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

Hierarchy

  • ContourableInterface<this> & LitElement<this>
    • ZetaFileUpload

Other

constructor accept? active caption? error fileInput? headline multiple name? rounded styles

rendering

render

Other

constructor

  • new ZetaFileUpload(): ZetaFileUpload

  • Returns ZetaFileUpload

Optionalaccept

accept?: string

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.

active

active: boolean = false

Used to trigger the 'active' state of the file input.

Optionalcaption

caption?: string

The caption text.

error

error: boolean = false

Use to show the 'error' state of the file input.

OptionalfileInput

fileInput?: HTMLInputElement

headline

headline: string = ...

The headline text.

multiple

multiple: boolean = true

Allows multiple files to be added to the input. Also affects drag and drop.

Optionalname

name?: string

The name given to the file input.

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