@maggioli-design-system/mds-input-upload
v1.6.9
Published
mds-input-upload is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.
Downloads
369
Readme
mds-input-upload
Properties
| Property | Attribute | Description | Type | Default |
| ------------- | --------------- | ---------------------------------------------------------------------------------------------------------------- | --------------------------------- | ----------- |
| accept
| accept
| Defines the file types the file input should accept | string
| ''
|
| maxFileSize
| max-file-size
| Specifies the max size of a single file that can be uploaded in MB | number
| 20
|
| maxFiles
| max-files
| Specifies the max number of files that can be uploaded | number
| 1
|
| sort
| sort
| Specifies if the component should show a sort widget by status or date of upload, if not defined let user choose | "date" \| "status" \| undefined
| undefined
|
Events
| Event | Description | Type |
| ---------------------- | ------------------------------------------ | ------------------------------- |
| mdsInputUploadChange
| Emits when the component files are changed | CustomEvent<FileList \| null>
|
Methods
getFiles() => Promise<FileList | null>
Returns a promise of files uploaded as Filelist or null if there's none
Returns
Type: Promise<FileList | null>
getFilesError() => Promise<FileError[] | null>
Returns a promise of files error or null if there's none
Returns
Type: Promise<FileError[] | null>
Dependencies
Depends on
Graph
graph TD;
mds-input-upload --> mds-text
mds-input-upload --> mds-button
mds-input-upload --> mds-progress
mds-input-upload --> mds-tab
mds-input-upload --> mds-tab-item
mds-input-upload --> mds-file-preview
mds-button --> mds-spinner
mds-button --> mds-icon
mds-button --> mds-text
mds-tab-item --> mds-button
mds-file-preview --> mds-button
mds-file-preview --> mds-img
mds-file-preview --> mds-icon
mds-file-preview --> mds-text
mds-file-preview --> mds-badge
mds-img --> mds-icon
mds-img --> mds-text
mds-img --> mds-button
mds-badge --> mds-text
style mds-input-upload fill:#f9f,stroke:#333,stroke-width:4px
Built with love @ Gruppo Maggioli from R&D Department