Navigation + Theme

Component Showcase v1.22.3

Badges

Default Primary Success Warning Error

Chips

aktiv beworben pausiert erledigt offen

Avatars

S MD LG

Buttons

Primär Sekundär Tertiär
Klein Auto-Breite Deaktiviert

Karten

Eine einfache Glass-Karte mit Slot-Inhalt.

Eine leuchtende Glass-Karten-Variante.

Eingabe

Textfeld

Auswahl

Suche

Toggle

Checkbox

Radio

Schieberegler

Fortschritt

Accordion

Eine Sammlung von Web Components, die GlassKit-CSS-Komponenten kapseln und deren Nutzung mit einfachen HTML-Tags erleichtern. Nein! GlassKit Elements wurde mit reinem JavaScript entwickelt und funktioniert überall — React, Vue, Svelte oder einfaches HTML. Setze data-theme="dark" oder data-theme="light" auf das <html>-Element. Alle Komponenten synchronisieren sich automatisch.

Liste

Popover

Menü öffnen

Modal

Modal öffnen

Sind Sie sicher, dass Sie fortfahren möchten?

Toast

Erfolgs-Toast Fehler-Toast Mit Aktion

Segmentwahl

Schrittanzeige

Bottom-Sheet

Inhalt des Sheets: Liste, Text, Formular. Dieses hier ist eingebettet.

Als Overlay öffnen

Tippen außerhalb oder Escape schließt.

Schließen

Leerzustand

Buchen

Wochenstreifen

Monatskalender

Bildauswahl

Eigenes Element

Auf dieser Seite in 20 Zeilen auf dem exportierten GlkElement definiert — Button-Styling und Theme-Sync kommen aus der Basisklasse.

…

Status