Tipo de archivo*.pdf *.mp3

HTML + CSSFiltres

Touches mécaniques à verrouillage

Des touches de clavier mécanique qui restent enfoncées avec leur LED allumée, pendant qu'un petit écran affiche le filtre.

Réglages

16px
1x

Code

<div class="uvq05-kb"><p class="ol" aria-live="polite"><span class="pr">Type de fichier</span><span class="tx">*.pdf *.mp3</span></p><div class="pl"><button type="button" aria-pressed="true"><span class="cap"><span class="lg">PDF</span><i class="led" aria-hidden="true"></i></span></button><button type="button" aria-pressed="false"><span class="cap"><span class="lg">JPG</span><i class="led" aria-hidden="true"></i></span></button><button type="button" aria-pressed="true"><span class="cap"><span class="lg">MP3</span><i class="led" aria-hidden="true"></i></span></button><button type="button" aria-pressed="false"><span class="cap"><span class="lg">ZIP</span><i class="led" aria-hidden="true"></i></span></button><button type="button" aria-pressed="false"><span class="cap"><span class="lg">DOC</span><i class="led" aria-hidden="true"></i></span></button><button type="button" class="cl"><span class="cap"><span class="lg">Effacer</span></span></button></div></div>

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.

Version Markdown avec tout le code, pour les assistants IA

Plus dans Filtres

Voir tout : Filtres

Où l’utiliser

Les anciens appareils avaient des touches à verrouillage qui restaient basses tant qu'elles étaient actives, et ce filtre par type de fichier retrouve cette sensation avec de vraies touches. Chacune est un bouton bascule avec capuchon sculpté, jupe profonde, course courte à l'appui et LED verte une fois verrouillée. Une touche orange les libère toutes et un bandeau OLED affiche le motif.

La première couleur allume les LED et le texte de l'écran, la seconde peint la touche d'effacement. Remplace les légendes par des tags, des tailles ou tout code court, et reste à six touches par rangée pour garder la lisibilité.