This is a web-component from Maggioli Design System Magma, 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.
Property | Attribute | Description | Type | Default |
---|---|---|---|---|
description |
description |
Overrides the default filetype description | string | undefined |
undefined |
downloadedLabel |
downloaded-label |
Sets a label which is shown when the file is downloaded | string | undefined |
'Hai già scaricato questo file' |
filename |
filename |
The filename shown as component title, is used to auto assign one of the filetype known in the filetype dictionary | string |
undefined |
preview |
preview |
The image preview src if available of a file, useful if you have a logo to display, or a smaller version of a bigger image | string | undefined |
undefined |
showDownloadedIcon |
show-downloaded-icon |
Sets if the download icon must be shown or not | boolean | undefined |
true |
suffix |
suffix |
Overrides the automatic filetype recongition by forcing the suffix to one of the available formats choosen | ExtensionSuffixType | undefined |
undefined |
Event | Description | Type |
---|---|---|
mdsFileDownload |
Emits when the component is clicked, returning file infos | CustomEvent<MdsFileEventDetail> |
graph TD;
mds-file --> mds-icon
mds-file --> mds-text
mds-file --> mds-badge
mds-badge --> mds-text
style mds-file fill:#f9f,stroke:#333,stroke-width:4px
Built with love @ Gruppo Maggioli from R&D Department