RadioCard
Un choix exclusif présenté en cartes : toute la surface est cliquable, le bouton radio à droite n'est que le témoin de l'état.
Utilisation
import { RadioCard } from "@monstera/ui"Choix exclusif
La carte occupe toute la largeur qu'on lui donne. Le survol pose un fond sur une carte non sélectionnée, mais la sélectionnée garde le sien : le survol ne défait jamais l'état.
Contenu sur deux lignes
Le contenu est empilé en colonne, et rendu en semibold par défaut : une ligne secondaire doit reprendre les tokens de texte du kit pour se démarquer.
Bandeau de tête
Le bandeau qualifie l'option avant qu'on la lise, sur toute la largeur de la carte. Un seul ton, l'accent. Cochée, la carte prend ce même fond et le bandeau s'y fond : ce qu'il annonçait est acquis.
Accessibilité
Même règle que Radio : les cartes d'un même choix vont dans un conteneur role="radiogroup" nommé par la question posée.
API
Prop
Type