@maggioli-design-system/mds-file NPM

mds-file

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 JavaScript framework you are using.

Properties

Property	Attribute	Description	Type	Default
`description`	`description`	Overrides the default filetype description	`string \\| undefined`	`undefined`
`filename`	`filename`	The filename shown as component title, is used to auto assign one of the filetype known in the filetype dictionary	`string`	`undefined`
`format`	`format`	Sets if the download icon must be shown or not	`string \\| undefined`	`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`

Events

Event	Description	Type
`mdsFileDownload`	Emits when the component is clicked, returning file infos	`CustomEvent<MdsFileEventDetail>`

Methods

`updateLang() => Promise<void>`

Returns

Type: Promise<void>

Dependencies

Depends on

Graph

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

@maggioli-design-system/mds-badge @maggioli-design-system/mds-icon @maggioli-design-system/mds-text @maggioli-design-system/styles @stencil/core crypto-js

@infinitebrahmanuniverse/nolb-_mag @everything-registry/sub-chunk-570 @zalastax/nolb-_mag

7 months ago

8 months ago

5 months ago

5 months ago