@maggioli-design-system/mds-table-header-cell
v1.0.4
Published
mds-table-header-cell is a web-component from Magma Design System, 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.
Downloads
916
Readme
mds-table-header-cell
Properties
| Property | Attribute | Description | Type | Default |
| ----------- | ----------- | ------------------------------------------------------------------------- | --------------------------------------- | ----------- |
| direction
| direction
| | "ascending" \| "descending" \| "none"
| 'none'
|
| label
| label
| Sets a label for the cell | string \| undefined
| undefined
|
| sortable
| sortable
| Tells the component to make the cell able to sort the table columns items | boolean \| undefined
| undefined
|
Shadow Parts
| Part | Description |
| ---------- | ----------- |
| "action"
| |
| "label"
| |
CSS Custom Properties
| Name | Description |
| --------------------------------- | ----------------------------- |
| --mds-table-header-cell-padding
| The padding of the table cell |
Dependencies
Depends on
Graph
graph TD;
mds-table-header-cell --> mds-button
mds-table-header-cell --> mds-text
mds-button --> mds-spinner
mds-button --> mds-icon
mds-button --> mds-text
style mds-table-header-cell fill:#f9f,stroke:#333,stroke-width:4px
Built with love @ Gruppo Maggioli from R&D Department