notas-reunion.txtGuardado
Ctrl + S

HTML + CSSMikrointeraktionen

Speichern mit Diskette

Beim Tippen erscheint ein Hinweis auf Änderungen; beim Speichern per Diskette oder Strg+S gleitet die Metallklappe und die Laufwerkslampe blinkt.

Einstellungen

16px
1x

Code

<div class="uvq15-fdd"><header><span class="fn">notas-reunion.txt</span><span class="ss"><i></i><b class="st">Gespeichert</b></span></header><textarea rows="3" aria-label="Notizen" spellcheck="false">Budget mit Laura durchgehen und die Pläne vor Donnerstag schicken.</textarea><footer><button type="button" class="dk"><span class="sh" aria-hidden="true"></span><span class="lb">Speichern</span></button><div class="dr"><span class="led" aria-hidden="true"></span><span class="hk"><kbd>Ctrl</kbd> + <kbd>S</kbd></span><time class="tm">12:00</time></div></footer><p class="sr" aria-live="polite"></p></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.

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Mikrointeraktionen

Alle ansehen: Mikrointeraktionen

Wofür du ihn nutzen kannst

Speichern gehört zu den häufigsten Aktionen in jedem Editor, und dieser Block macht daraus ein kleines Stück Nostalgie. Der Button ist eine 3,5-Zoll-Diskette aus CSS: Beim Speichern gleitet die Metallklappe zur Seite, die Diskette taucht ein wie in ein Laufwerk und eine grüne Lampe blinkt. Passt zu Notiz-Apps, Einstellungsseiten und Dokumenteditoren.

Wer tippt, sieht einen gelben Punkt für ungespeicherte Änderungen, und Strg+S oder Cmd+S speichert von überall im Block. Die Hauptfarbe bestimmt das Plastik der Diskette, die Zweitfarbe die Lampe, und die Uhrzeit zeigt, wann zuletzt gespeichert wurde.