4.11.9 • Published 10 months ago

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

Weekly downloads
-
License
MIT
Repository
-
Last release
10 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

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