4.11.9 • Published 10 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
10 months ago
4.11.9
10 months ago
4.11.4
10 months ago
4.11.5
10 months ago
4.11.6
10 months ago
4.11.7
10 months ago
4.11.3
11 months ago
4.11.2
11 months ago
4.11.1
11 months ago
4.11.0
11 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
2 years 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
3 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