@maggioli-design-system/mds-price-table-features-c

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 JavaScript 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

mds-text

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

@maggioli-design-system/mds-text @maggioli-design-system/styles @stencil/core

@everything-registry/sub-chunk-571 @maggioli-design-system/mds-price-table-features-row

7 months ago

8 months ago

9 months ago

8 months ago

11 months ago

8 months ago

11 months ago

5 months ago

5 months ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago