¿Subimos a ver el atardecer?
¡Sí! Llevo la cámara 📷
Chat mit gläserner Eingabeleiste
Ein Chat über buntem Hintergrund mit gläserner Nachrichtenleiste, das Mikrofon wird beim Tippen zum Senden-Pfeil.
Einstellungen
Code
<div class="uv-gcc"><div class="ms" aria-live="polite"><p class="in">Gehen wir hoch, den Sonnenuntergang ansehen?</p><p class="me">Ja! Ich bringe die Kamera mit 📷</p></div><form class="cp"><button type="button" class="ad" aria-label="Anhängen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 5v14M5 12h14"/></svg></button><input placeholder="Nachricht" aria-label="Nachricht"><button type="submit" class="sd" aria-label="Senden"><span class="mi"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="9" y="3" width="6" height="11" rx="3"/><path d="M5.5 11a6.5 6.5 0 0 0 13 0M12 17.5V21"/></svg></span><span class="ar"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 19V5M5.5 11.5L12 5l6.5 6.5"/></svg></span></button></form></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 Liquid Glass
Alle ansehen: Liquid GlassWofür du ihn nutzen kannst
Messenger lassen die Eingabe inzwischen als gläserne Leiste über dem Chat schweben. Empfangene Blasen sind aus Milchglas, eigene massiv blau, und die Leiste unten hat einen Anhängen-Button, das Nachrichtenfeld und einen runden Button, der leer ein Mikrofon zeigt und sich beim Tippen mit einer Drehung in einen Senden-Pfeil verwandelt.
Beim Senden gleitet deine Nachricht als neue Blase herein, die letzten bleiben sichtbar. Die Verwandlung hängt an :placeholder-shown, und die Leiste ist ein natives Formular, Enter sendet also und Screenreader melden neue Nachrichten.