Choix de créneau horaire
Une grille d'horaires pour prendre rendez-vous, avec les créneaux pris grisés et barrés.
Réglages
Code
<fieldset class="uv-rts"><legend>Mardi 14 octobre</legend><div class="gr"><label><input type="radio" name="uv-rts"><span>09:00</span></label><label><input type="radio" name="uv-rts" disabled><span>09:30</span></label><label><input type="radio" name="uv-rts"><span>10:00</span></label><label><input type="radio" name="uv-rts" checked><span>10:30</span></label><label><input type="radio" name="uv-rts"><span>11:00</span></label><label><input type="radio" name="uv-rts"><span>11:30</span></label><label><input type="radio" name="uv-rts" disabled><span>12:00</span></label><label><input type="radio" name="uv-rts"><span>16:00</span></label><label><input type="radio" name="uv-rts"><span>16:30</span></label></div></fieldset>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Boutons radio
Voir tout : Boutons radioOù l’utiliser
Cabinets médicaux, coiffeurs, salles de sport et consultants ont tous besoin qu'on choisisse une heure, et une grille de créneaux est plus rapide que n'importe quelle liste déroulante. Les créneaux libres ont un contour, les pris sont des radios désactivés grisés et barrés, et l'heure choisie se remplit de couleur avec une petite coche, lisible même en niveaux de gris.
Le titre se modifie pour indiquer la date. Chaque créneau est un radio natif, désactivé si besoin, le clavier saute donc les heures prises et la valeur part comme n'importe quel champ.