4.11.9 • Published 9 months ago

@maggioli-design-system/mds-entity v4.11.9

Weekly downloads
-
License
MIT
Repository
-
Last release
9 months ago

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

PropertyAttributeDescriptionTypeDefault
awaitawaitSpecifies if the component is awaiting a response from an external resourceboolean \| undefinedundefined
iconiconSpecifies the icon to be displayed if src propery is not usedstring \| undefinedundefined
initialsinitialsThe user's inizials displayed if there's no image available and icon is not setstring \| undefinedundefined
srcsrcSpecifies the path to the imagestring \| undefinedundefined
tonetoneSpecifies the color tone of the component"strong" \| "weak" \| undefinedundefined
variantvariantSpecifies the color variant of the component"amaranth" \| "aqua" \| "blue" \| "error" \| "green" \| "info" \| "lime" \| "orange" \| "orchid" \| "primary" \| "sky" \| "success" \| "violet" \| "warning" \| "yellow" \| undefinedundefined

Slots

SlotDescription
"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

NameDescription
--mds-entity-backgroundThe background-color of the entity
--mds-entity-colorThe color of the entity name
--mds-entity-detail-colorThe color of the text details
--mds-entity-icon-backgroundThe background-color of the icon
--mds-entity-icon-colorThe color of the icon
--mds-entity-shadowThe 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