Il primo esempio della pagina Pattern, dal vivo.

Panoramica

The <mds-price-table-header> web component is the layout child that forms the top band of a <mds-price-table>, aligning an optional leading title cell with the per-plan <mds-price-table-list> columns so the header sits in the same column grid as the feature rows below it. It is a pure presentational wrapper.

Semantic Behavior

Compound child only: Must be placed as a direct slot child of <mds-price-table>; it is not used standalone, and it expects its own children to be the price-plan columns (typically a leading <mds-text> title plus one <mds-price-table-list> per plan) so they line up with the <mds-price-table-features> columns underneath.Auto-fit column grid: Every direct child becomes an equal-width column by default.Layout overridden via classes: Because the column count is content-driven, the explicit per-breakpoint layout (e.g. tablet:grid-cols-3 desktop:grid-cols-4, plus col-span on a leading title) is applied through utility classes on the host and its children rather than through props.Single default slot: Passes content straight through; it has no named slots, no internal ARIA role, no state, and emits no events.

Properties & Visual Configurations

This component exposes no configurable props. It is a layout-only child: its sole job is to project its slotted children into an equal-column grid that matches the rest of the price table. Control the arrangement through CSS utility classes (grid column counts per breakpoint, column spans on the leading title) on the host and on the slotted elements, not through component attributes. See the shared compound-component and layout conventions in agents/conventions.md.