Bausteine
mit Haltung.
Eine lebendige Bibliothek für die Produkte im Liorith Network. Die Ausstellung erklärt Form und Zweck, die Docs zeigen echte Zusammensetzungen und der Code-Modus macht die öffentliche API sofort nutzbar.
Komponenten zum Anfassen.
Die Specimens bleiben die Quelle der Wahrheit. Jede Karte erklärt jetzt ihren Zweck und führt direkt zu einer detaillierten Seite mit Einsatzregel, Import und Live-Beispiel.
Schriftrollen, Größen und Handschriften für eine klare Markenstimme.
Specimen und Referenz öffnen02KomponenteSliding TabsEine bewegte Umschaltung für wenige gleichwertige Ansichten.
Specimen und Referenz öffnen03KomponenteDropdownKompakte Auswahl und Aktionen mit kontrollierter Offenlegung.
Specimen und Referenz öffnen04KomponenteButtonsAktionen mit klarer Hierarchie von solid bis ghost.
Specimen und Referenz öffnen05KomponenteButton RowMehrere Buttons als eine zusammenhängende Fläche, waagerecht oder senkrecht.
Specimen und Referenz öffnen06KomponenteInputsEingabemuster für Text, Datum und Zeit inklusive lesbarer Zustände.
Specimen und Referenz öffnen07KomponenteForm ControlsAuswahlmuster für Entscheidungen mit wenigen, klaren Optionen.
Specimen und Referenz öffnen08KomponenteSliderRegler für kontinuierliche Werte mit direktem Feedback.
Specimen und Referenz öffnen09KomponenteBadgesKleine Status- und Bedeutungsträger innerhalb einer Informationshierarchie.
Specimen und Referenz öffnen10KomponenteTagsKompakte Marker für Kategorien, Zustände und Bereichszugehörigkeit.
Specimen und Referenz öffnen11KomponenteAvatarIdentität und Präsenz für Personen, Teams und automatisch erzeugte Platzhalter.
Specimen und Referenz öffnen12KomponenteSpinnerKompaktes Feedback für kurze, laufende Prozesse.
Specimen und Referenz öffnen13KomponenteAlertsKontextuelle Hinweise für Erfolg, Information, Warnung und Fehler.
Specimen und Referenz öffnen14KomponenteProgressFortschrittsanzeige für bekannte oder geschätzte Prozesslängen.
Specimen und Referenz öffnen15KomponenteTooltipZusatzinformation auf Abruf, ohne den Arbeitsfluss zu überladen.
Specimen und Referenz öffnen16KomponenteAccordionAufklappbare Informationsgruppen für selten benötigte Details.
Specimen und Referenz öffnen17KomponenteModalFokussierter Dialog für wichtige Entscheidungen oder Unterbrechungen.
Specimen und Referenz öffnen18KomponenteDrawerSeitliches Panel für Nebenschauplätze, die den Hauptinhalt nicht verdrängen.
Specimen und Referenz öffnen19KomponenteContext MenuKontextabhängige Aktionen direkt am betroffenen Objekt.
Specimen und Referenz öffnen20KomponenteMenu ButtonAktionen am Button statt am Rechtsklick — als Dreipunkt oder geteilter Button.
Specimen und Referenz öffnen21KomponenteCommand PaletteSuche und Befehle in einem Overlay, erreichbar per Tastenkürzel.
Specimen und Referenz öffnen22KomponenteCardRuhige Inhaltsfläche mit Header, Körper und optionalem Abschluss.
Specimen und Referenz öffnen23KomponenteBlog CardEditoriale Vorschau für Beiträge, Updates und längere Inhalte.
Specimen und Referenz öffnen24KomponenteMediaBilder, Galerien und Reels für visuelle Inhalte mit kontrollierter Vergrößerung.
Specimen und Referenz öffnen25KomponenteTableDichte, vergleichbare Daten mit klarer Spaltenlogik.
Specimen und Referenz öffnen26KomponenteChartVerlauf und Vergleich als Linie, Fläche oder Balken — mit Tabellenansicht.
Specimen und Referenz öffnen27KomponenteToastFlüchtige Rückmeldung für erfolgreich ausgeführte Aktionen.
Specimen und Referenz öffnen28KomponenteBreadcrumbsPfad und Orientierung für verschachtelte Bereiche und Detailansichten.
Specimen und Referenz öffnen29KomponentePaginationSeitennavigation für klar abgegrenzte längere Listen.
Specimen und Referenz öffnen30KomponenteSidebarStabile Navigation für größere Werkzeug- und Bibliotheksbereiche.
Specimen und Referenz öffnen31KomponenteCalendarVisuelle Auswahl und Darstellung zeitbezogener Informationen.
Specimen und Referenz öffnen32KomponenteLrthCodeBoxKopierbare technische Referenz mit sprachlichem Kontext und Statusrückmeldung.
Specimen und Referenz öffnen33KomponenteCopy FieldEin Wert, der nur über den Button in die Zwischenablage geht.
Specimen und Referenz öffnen34KomponenteColor SystemSemantische Tokens, Markenfarben und Materialfamilien als gemeinsames Farbsystem.
Specimen und Referenz öffnen