@maggioli-design-system/mds-file

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

• mds-icon
• mds-text
• mds-badge

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