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