Button- und Aktionskomponenten
Komponenten zum Drücken: Buttons in jeder Variante und Größe, verbundene Button-Gruppen, Toggles und Toggle-Gruppen.
Der Button steuert seinen eigenen Lade-, Erfolgs- und Fehlerablauf über das zurückgegebene Promise, überspringt den Spinner bei schnellen Anfragen und behält den Fokus, während er arbeitet.
- ButtonButtons in allen Varianten und Größen, mit eingebautem Lade-, Erfolgs- und Fehlerablauf, der den Spinner bei schnellen Anfragen überspringt.
- Button groupButtons, zu einem Element verbunden, mit gemeinsamen Nähten, Trennern, Text-Addons, Verschachtelung und vertikalen Stapeln.
- ToggleEin Button, der an oder aus bleibt, mit einer Füllung, die sich beim Drücken setzt, einem klaren Übergang beim Hover zu „an“ und Icons, die sich mit dem Zustand füllen können.
- Toggle groupEine Reihe von Toggles für eine oder mehrere Auswahlen, mit einer Füllung, die zum gewählten Element gleitet, verbundenen oder abgesetzten Elementen und Pfeiltasten-Fokus.
In Pro-Blöcken verbaut
Blöcke für KI-Produkte, die aus diesen Komponenten gebaut sind.
- Agent TodosDer Plan, den ein Agent während der Arbeit führt, eine Zeile pro Schritt. Deckt laufende Schritte, fehlgeschlagene Schritte und Planänderungen mitten im Lauf ab.
- ArtifactDas Panel neben einem KI-Chat, das zeigt, was das Modell erstellt hat. Deckt noch streamende Inhalte, eine Sandbox-Vorschau und wiederherstellbare Versionen ab.
- Chat SidebarDie Seitenleiste einer Chat-App mit angehefteten Chats, Projekten und Verlauf. Deckt Umbenennen vor Ort, Löschen mit Rückgängig und noch antwortende Chats ab.
- Chat ThreadDie Konversationsansicht eines KI-Chats. Deckt Antworten, die streamen, bearbeitet und wiederholt werden, sowie Versionen einer Antwort zum Umschalten ab.
- Code BlockCodeblöcke für KI-Antworten. Die Hervorhebung hält mit dem Streaming Schritt, Diffs lassen sich annehmen oder ablehnen und Befehle laufen in einem Terminal.
- Diff ReviewEine Prüfung der Dateiänderungen eines Agenten, bevor sie landen. Deckt Annehmen oder Ablehnen pro Änderung, Kommentare zurück an den Agenten und noch streamende Änderungen ab.