Price table features cell<mds-price-table-features-cell>Generato da @maggioli-design-system/magma@2.3.0dist/documentation.json. Incapsulamento: shadow.
Questa pagina è generata dai pacchetti Magma, documentati solo in inglese.
Il primo esempio della pagina Pattern, dal vivo. Cambia le sue proprietà qui sotto e l'anteprima le segue; Ripristina riporta l'esempio com'era.
Proprietà
typeenumSpecifies the support type which is represented
Panoramica
The <mds-price-table-features-cell> web component is a single cell within a feature comparison row of the Magma price table, rendering one of several visual representations (a support icon, plain text, a label, or arbitrary custom content) depending on its type. It is a compound child of <mds-price-table-features-row>, which orchestrates a set of cells and conceptually stands in for a table cell within the row.
Semantic Behavior
Compound child constraint: Must be used as a direct slot child of <mds-price-table-features-row>; it is not standalone and a row is expected to contain only cells of this type.Width is parent-driven: The cell does not size itself - the parent row distributes equal width across its cells so columns stay aligned across rows.Type-switched rendering: A single type prop drives entirely different output: supported/unsupported render a check-circle or horizontal-rule icon, text wraps the default slot in detail typography, while custom and label pass the default slot straight through with no wrapper.No interactive state: There is no selected/active/disabled/open state, no emitted events, no form association, and no custom role or ARIA - semantics come from the surrounding table structure.
Properties & Visual Configurations
The only configurable prop is type (default text), which selects what the cell represents rather than just how it looks:Use supported / unsupported for the boolean “feature included / not included” columns - these draw the built-in check-circle and horizontal-rule icons and require no slot content.Use text for short descriptive values that should adopt the table’s detail typography automatically.Use label for the leading row-label cell describing the feature being compared.Use custom when you need to slot arbitrary HTML or other components without the text wrapper, taking full control of the cell’s content.The full set of accepted values is in the Props table of AGENTS.md; this component does not use the shared variant / tone ladders defined in agents/variants.md.