forms file-upload

File Upload

Drag-and-drop file input.

$ ndui add file-upload

Component docs

Drag-and-drop with previews

Upload product images

Upload files or drag and drop

Images

Drop files here

PNG or JPG, up to 5 MB each. Drag files in or click to browse.

Source

<noundry-file-upload label="Upload product images"
                     accept="image/*"
                     multiple="true"
                     max-size-mb="5"
                     show-preview="true"
                     help-text="PNG or JPG, up to 5 MB each." />

Single file (CSV import)

Import customers

Upload a file or drag and drop

.csv,text/csv

Drop files here

CSV with header row. Up to 20 MB.

Source

<noundry-file-upload label="Import customers"
                     accept=".csv,text/csv"
                     multiple="false"
                     max-size-mb="20"
                     help-text="CSV with header row." />