4.11.9 • Published 9 months ago
@maggioli-design-system/mds-entity v4.11.9
mds-entity
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 |
---|---|---|---|---|
await | await | Specifies if the component is awaiting a response from an external resource | boolean \| undefined | undefined |
icon | icon | Specifies the icon to be displayed if src propery is not used | string \| undefined | undefined |
initials | initials | The user's inizials displayed if there's no image available and icon is not set | string \| undefined | undefined |
src | src | Specifies the path to the image | string \| undefined | undefined |
tone | tone | Specifies the color tone of the component | "strong" \| "weak" \| undefined | undefined |
variant | variant | Specifies the color variant of the component | "amaranth" \| "aqua" \| "blue" \| "error" \| "green" \| "info" \| "lime" \| "orange" \| "orchid" \| "primary" \| "sky" \| "success" \| "violet" \| "warning" \| "yellow" \| undefined | undefined |
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. |
"default" | Add text string , HTML elements or components to this slot. |
CSS Custom Properties
Name | Description |
---|---|
--mds-entity-background | The background-color of the entity |
--mds-entity-color | The color of the entity name |
--mds-entity-detail-color | The color of the text details |
--mds-entity-icon-background | The background-color of the icon |
--mds-entity-icon-color | The color of the icon |
--mds-entity-shadow | The box-shadow od the component |
Dependencies
Depends on
Graph
graph TD;
mds-entity --> mds-spinner
mds-entity --> mds-avatar
mds-avatar --> mds-img
mds-avatar --> mds-icon
mds-img --> mds-icon
mds-img --> mds-text
mds-img --> mds-button
mds-button --> mds-spinner
mds-button --> mds-icon
mds-button --> mds-text
style mds-entity fill:#f9f,stroke:#333,stroke-width:4px
Built with love @ Gruppo Maggioli from R&D Department
4.11.8
9 months ago
4.11.9
9 months ago
4.11.4
10 months ago
4.11.5
9 months ago
4.11.6
9 months ago
4.11.7
9 months ago
4.11.3
10 months ago
4.11.2
10 months ago
4.11.1
10 months ago
4.11.0
10 months ago
4.10.4
1 year ago
4.10.3
1 year ago
4.10.2
1 year ago
4.10.1
1 year ago
4.10.0
1 year ago
4.9.0
1 year ago
4.8.0
1 year ago
4.6.4
1 year ago
4.6.3
2 years ago
4.6.2
2 years ago
4.5.0
2 years ago
4.4.1
2 years ago
4.4.0
2 years ago
4.6.1
2 years ago
4.6.0
2 years ago
4.4.2
2 years ago
4.3.0
2 years ago
4.2.0
2 years ago
3.1.1
3 years ago
4.1.0
2 years ago
4.0.0
3 years ago
3.0.1
3 years ago
3.0.0
3 years ago
2.1.0
3 years ago
2.0.0
3 years ago
1.1.1
4 years ago
1.0.0
4 years ago