Navigationskomponenten
Komponenten, mit denen man sich durch eine App bewegt: eine einklappbare App-Sidebar, Tabs, Breadcrumbs, die umbrechen und sich an Ort und Stelle aufklappen, Paginierung und ein Navigationsmenü mit Dropdowns.
Sie spiegeln sich für Rechts-nach-links-Sprachen, und die Sidebar wird auf Handys zu einem wischbaren Sheet.
- BreadcrumbEine Linkspur zur aktuellen Seite, die sicher umbricht, sich in Right-to-left-Layouts spiegelt und eingeklappte Segmente an Ort und Stelle erweitert.
- Navigation menuSeitennavigation mit Dropdowns oder einem Panel in voller Breite, das offen bleibt, während der Inhalt zwischen Menüs gleitet.
- PaginationSeitennavigation, die jeden Button an seinem Platz hält, zur aktuellen Seite gleitet und über die Auslassungspunkte zu jeder Seite springt.
- SidebarEine App-Seitenleiste, die zu Icons oder off-canvas einklappt, unter deinem Header fixiert bleibt und auf Smartphones zu einem wischbaren Sheet wird.
- TabsWechsle zwischen Ansichten mit einem Indikator, der zum aktiven Tab gleitet, als Segmented Control oder Unterstrich, und Listen, die bei Überlauf scrollen.
In Pro-Blöcken verbaut
Blöcke für KI-Produkte, die aus diesen Komponenten gebaut sind.
- 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.
- HextaAIEine komplette KI-Chat-App aus den KI-Blocks von HextaUI. Deckt Streaming, Tool-Freigaben und Planprüfung durchgehend auf Basis von AI-SDK-Message-Parts 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.
- Stack TraceEin Absturz, gezeigt wie Entwickler ihn lesen. Dein Code kommt zuerst, Framework-Frames klappen zu und jede Ursache steht der Reihe nach.