Tuner radio FM
Choisis une station et l'aiguille glisse sur le cadran rétroéclairé jusqu'à sa fréquence.
Réglages
Code
<fieldset class="uv-rfm"><legend>Station</legend><div class="dl" aria-hidden="true"><span class="sc"></span><span class="nm"><b>88</b><b>92</b><b>96</b><b>100</b><b>104</b><b>108</b></span><i class="nd"></i></div><div class="st"><label><input type="radio" name="uv-rfm"><span><b>88.2</b> Jazz</span></label><label><input type="radio" name="uv-rfm"><span><b>94.6</b> Infos</span></label><label><input type="radio" name="uv-rfm" checked><span><b>101.3</b> Pop</span></label><label><input type="radio" name="uv-rfm"><span><b>107.9</b> Rock</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
Ce groupe de boutons radio est littéralement une radio. Un cadran chaud et rétroéclairé affiche les graduations de 88 à 108, et choisir une station en dessous fait glisser l'aiguille rouge jusqu'à sa place avec un mouvement lent et un peu élastique, comme en tournant un vrai bouton de réglage. Charmant pour les applis de musique, les catégories de podcasts, les playlists et les sites de marques rétro.
Les stations sont des boutons radio classiques en grille, utilisables au clavier et au toucher. Modifie fréquences, noms et positions dans le code, et utilise les deux couleurs pour l'aiguille et la lumière du cadran.