Composant · Formulaires

TileGroup

Documenté

Groupe de tuiles sélectionnables (sémantique radio dans un <fieldset> + légende). Sélection unique value bindable. Pour une tuile isolée, voir Tile.

Choisir une formule

Gratuit Pour démarrer. Pro Pour les équipes. Entreprise Sur devis.

Voir le code (Svelte)

<TileGroup
  legend="Choisir une formule"
  value="pro"
  items={[{"value":"free","label":"Gratuit","description":"Pour démarrer."},{"value":"pro","label":"Pro","description":"Pour les équipes."},{"value":"ent","label":"Entreprise","description":"Sur devis.","disabled":true}]}
/>

Exemple

Sélection : pro

Choisir une formule

Gratuit Pour démarrer. Pro Pour les équipes. Entreprise Sur devis.

API du composant

Prop	Type	Par défaut
`items`	`TileGroupItem[]`	requis
`value`	`string` (bindable)	optionnel
`legend`	`string`	optionnel
`legendHidden`	`boolean`	`false`
`disabled`	`boolean`	`false`
`onchange`	`(value: string) => void`	optionnel

TileGroupItem = { value, label, description?, disabled? }.

Tokens utilisés

--st-component-control-hoverBorder
--st-component-control-hoverBackground