@maggioli-design-system/mds-details NPM

mds-details

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.

Properties

Property	Attribute	Description	Type	Default
`opened`	`opened`	Specifies if the component is opened	`boolean`	`false`

Events

Event	Description	Type
`mdsDetailsChange`	Emits when the component is opened	`CustomEvent<boolean>`

Slots

Slot	Description
`"action"`	Add `HTML elements` or `components`, it is recommended to use `mds-button` element.
`"default"`	Add `text string`, `HTML elements` or `components` to this slot.
`"icon"`	Insert an icon image, it can be `HTML elements` or `components`, it is recommended to add `mds-icon` element.
`"title"`	Add a `text string`, `HTML elements` or `components`, it is recommended to use `mds-text` element.