@maggioli-design-system/mds-details
v3.8.2
Published
mds-details is a web-component from Magma Design System, 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.
Downloads
38
Readme
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. |
Shadow Parts
| Part | Description |
| ----------- | ----------- |
| "content"
| |
CSS Custom Properties
| Name | Description |
| --------------------------------- | --------------------------------------------------- |
| --mds-details-helper-icon-color
| Sets icon color of the helper icon of the component |
| --mds-details-icon-color
| Sets the icon color the component |
Built with love @ Gruppo Maggioli from R&D Department