Navigation über Aufzugsetagen
Jeder Bereich ist eine Etage: Drück den Knopf, und der Aufzug zählt die Stockwerke auf einer LED-Anzeige bis zur Ankunft.
Einstellungen
Code
<nav class="uvq12-el" aria-label="Etagen"><div class="ds" aria-live="polite"><span class="dr" aria-hidden="true"></span><b class="fn">0</b><span class="lb"><small>Etage</small><span class="nm">Empfang</span></span></div><ul><li><button type="button" data-f="4"><span class="bt">4</span><span class="tx">Kontakt</span></button></li><li><button type="button" data-f="3"><span class="bt">3</span><span class="tx">Team</span></button></li><li><button type="button" data-f="2"><span class="bt">2</span><span class="tx">Blog</span></button></li><li><button type="button" data-f="1"><span class="bt">1</span><span class="tx">Shop</span></button></li><li><button type="button" data-f="0" aria-current="true"><span class="bt">0</span><span class="tx">Empfang</span></button></li></ul></nav>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 Navigation
Alle ansehen: NavigationWofür du ihn nutzen kannst
Die Bereiche einer Website als Etagen eines Gebäudes, auf einem Aufzugstableau aus gebürstetem Stahl. Ein Druck auf einen Knopf lässt seinen Ring leuchten, die Punktmatrix zählt Etage für Etage mit einem Pfeil für die Richtung, und ein sanftes Aufblitzen markiert die Ankunft. Auch Zifferntasten rufen den Aufzug. Eine verspielte Idee für Firmenseiten, Hotels, Locations und Leitfäden mit Ebenen.
Die Hauptfarbe lässt Anzeige und Ringe leuchten, die Zweitfarbe bestimmt den Stahl. Benenne die Etagen in den Daten um; die Fahrzeit folgt dem Geschwindigkeitsregler. So wird die Fahrt schneller oder gemächlicher.