mds-list-item
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 |
---|
icon | icon | Specifies the icon displayed in the element | string | undefined | undefined |
typography | typography | Specifies the typography of the element | "caption" | "detail" | "label" | "option" | "paragraph" | "tip" | 'detail' |
variant | variant | Specifies the variant for typography | "info" | "read" | undefined | 'info' |
Slots
Slot | Description |
---|
"default" | Add text string to this slot, avoid to add HTML elements or components here. |
Shadow Parts
Part | Description |
---|
"icon" | |
"text" | |
CSS Custom Properties
Name | Description |
---|
--mds-list-item-icon-margin | Sets the margin of the component's icon |
Dependencies
Depends on
Graph
graph TD;
mds-list-item --> mds-icon
mds-list-item --> mds-text
style mds-list-item fill:#f9f,stroke:#333,stroke-width:4px
Built with love @ Gruppo Maggioli from R&D Department