1.4.4 • Published 10 months ago

@maggioli-design-system/mds-file-preview v1.4.4

Weekly downloads
-
License
MIT
Repository
-
Last release
10 months ago

mds-file-preview

Properties

PropertyAttributeDescriptionTypeDefault
deletabledeletableEnables the cross icon to perform cancel/delete action on elementboolean \| undefinedundefined
descriptiondescriptionOverrides the default filetype descriptionstring \| undefinedundefined
downloadabledownloadableEnables the download icon to perform the related action on elementboolean \| undefinedundefined
filename (required)filenameThe filename shown as component title, is used to auto assign one of the filetype known in the filetype dictionarystringundefined
filesizefilesizeThe filesize shown, if you pass a string you can write whathever you want, if you pass a number it expect filesize in bytes, the component will format it automatically.string \| undefinedundefined
iconiconThe name of the icon or a base64 string to render it as an svgstringundefined
messagemessageSets a feedback message related to the componentstring \| undefinedundefined
srcsrcThe image preview src if available of a file, useful if you have a logo to display, or a smaller version of a bigger imagestring \| undefinedundefined
suffixsuffixOverrides the automatic filetype recongition by forcing the suffix to one of the available formats choosenExtensionSuffixType \| undefinedundefined
truncatetruncateTruncates the filename shown"all" \| "none" \| "word" \| undefined'word'
variantvariantThe variant of the component, is shown only if the message attribute is defined"amaranth" \| "aqua" \| "blue" \| "error" \| "green" \| "info" \| "lime" \| "orange" \| "orchid" \| "primary" \| "sky" \| "success" \| "violet" \| "warning" \| "yellow" \| undefinedundefined

Events

EventDescriptionType
mdsFileDeleteEmits when the component is removed, returning file infosCustomEvent<MdsFilePreviewEventDetail>
mdsFileDownloadEmits when the component is clicked, returning file infosCustomEvent<MdsFilePreviewEventDetail>

Shadow Parts

PartDescription
"card"

Dependencies

Used by

Depends on

Graph

graph TD;
  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-button --> mds-spinner
  mds-button --> mds-icon
  mds-button --> mds-text
  mds-img --> mds-icon
  mds-img --> mds-text
  mds-img --> mds-button
  mds-badge --> mds-text
  mds-input-upload --> mds-file-preview
  style mds-file-preview fill:#f9f,stroke:#333,stroke-width:4px

Built with love @ Gruppo Maggioli from R&D Department

1.4.4

10 months ago

1.4.3

10 months ago

1.4.2

10 months ago

1.4.1

10 months ago

1.4.0

10 months ago

1.3.6

1 year ago

1.3.5

1 year ago

1.3.4

1 year ago

1.3.3

1 year ago

1.3.2

1 year ago

1.3.1

1 year ago

1.3.0

1 year ago

1.1.0

1 year ago

1.0.0

1 year ago