Tipo de archivo*.pdf *.mp3
Mechanische Rastertasten als Filter
Tasten einer mechanischen Tastatur, die mit leuchtender LED gedrückt bleiben, während ein kleines Display den Filter zeigt.
Einstellungen
Code
<div class="uvq05-kb"><p class="ol" aria-live="polite"><span class="pr">Dateityp</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">Löschen</span></span></button></div></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Filter
Alle ansehen: FilterWofür du ihn nutzen kannst
Alte Geräte hatten Rastertasten, die unten blieben, solange sie aktiv waren, und dieser Dateityp-Filter holt das Gefühl mit echten Keycaps zurück. Jede Taste ist ein Umschaltbutton mit geformter Kappe, tiefer Flanke, kurzem Hub beim Drücken und grüner LED im gerasteten Zustand. Eine orange Löschtaste löst alle, ein OLED-Streifen zeigt das passende Muster.
Die erste Farbe lässt LEDs und Displaytext leuchten, die zweite färbt die Löschtaste. Ersetze die Beschriftungen durch Tags, Größen oder andere kurze Codes und bleib bei sechs Tasten pro Reihe, damit alles lesbar bleibt.