@maggioli-design-system/mds-table-cell

mds-table-cell

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 JavaScript framework you are using.

Properties

Property	Attribute	Description	Type	Default
value	value	Sets a value to help the sorting function from mds-table-header-cell, if not set it will be used the content of the cell.	number | string | undefined	undefined

Slots

Slot	Description
"default"	Add text string, HTML elements or components to this slot.

CSS Custom Properties

Name	Description
--mds-table-cell-background	The background-color of the table cell
--mds-table-cell-background-hover	The background-color of the table cell when the mouse is over it
--mds-table-cell-border-color	The border-color of the table cell
--mds-table-cell-border-width	The border-width of the table cell
--mds-table-cell-padding	The padding of the table cell

Dependencies

Used by

• mds-table-header
• mds-table-row

Graph

graph TD;
  mds-table-header --> mds-table-cell
  mds-table-row --> mds-table-cell
  style mds-table-cell fill:#f9f,stroke:#333,stroke-width:4px

---

Built with love @ Gruppo Maggioli from R&D Department