@maggioli-design-system/mds-price-table-features-cell
v1.4.4
Published
mds-price-table-features-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 JavaScirpt framework you are using.
Downloads
563
Readme
mds-price-table-features-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 JavaScirpt framework you are using.
Properties
| Property | Attribute | Description | Type | Default |
| -------- | --------- | ----------------------------------------------- | ---------------------------------------------------------------------------- | -------- |
| type
| type
| Specifies the support type which is represented | "custom" \| "label" \| "supported" \| "text" \| "unsupported" \| undefined
| 'text'
|
Slots
| Slot | Description |
| ----------- | ---------------------------------------------------------------- |
| "default"
| Add text string
, HTML elements
or components
to this slot. |
Shadow Parts
| Part | Description |
| -------- | ------------------------------------------------------------------------------------------------ |
| "icon"
| Selects the HTML element of the icon when type
attribute when is supported
or unsupported
. |
| "text"
| Selects the HTML element wrapper of text when type
attribute when is text
. |
CSS Custom Properties
| Name | Description |
| -------------------------------------------------------- | -------------------------------------------------------- |
| --mds-price-table-features-cell-icon-supported-color
| Sets the border-color of the component |
| --mds-price-table-features-cell-icon-unsupported-color
| Sets the border-width of the separators of the component |
| --mds-price-table-features-cell-padding
| Sets the cell padding of the component |
Dependencies
Depends on
Graph
graph TD;
mds-price-table-features-cell --> mds-text
style mds-price-table-features-cell fill:#f9f,stroke:#333,stroke-width:4px
Built with love @ Gruppo Maggioli from R&D Department