Spartan UI Showcase
Entdecke die wichtigsten Bausteine für deine Angular‑Anwendungen und springe direkt zur offiziellen Dokumentation.
Benutzerdefinierte Funktionen
Praxisbeispiele für die Kombination von spartan/ui‑Komponenten in komplexen Dashboards.
IoT Cockpit
Überwachung und Steuerung vernetzter Geräteflotten.
Smart Home
Zentralisiertes Dashboard für die Heimautomatisierung.
Ressourcen-Management
Personal, Arbeitsplätze und KI-Infrastruktur.
Aufgabenliste
Verwaltung von Forschungs- und Entwicklungsaufgaben.
Grundlegende Komponenten
Button
Zentrales Interaktionselement mit Varianten und Größen.
Verwendet in:
Smart HomeBadge
Visuelle Indikatoren für Status, Anzahl oder Kategorien.
Verwendet in:
IoT CockpitCard
Vielseitiger Container zum Gruppieren von Inhalten.
Verwendet in:
Ressourcen-ManagementInput
Primärer Weg, um Texteingaben der Nutzer zu erfassen.
Verwendet in:
AufgabenlisteLabel
Zugängliche Beschriftungen für Formularelemente.
Verwendet in:
Smart HomeSeparator
Visuelle Trennung von Inhaltsbereichen.
Verwendet in:
IoT CockpitKomplex & Interaktiv
Accordion
Auf- und zuklappbare Bereiche zur Platzersparnis.
Verwendet in:
InfrastrukturTabs
Organisiere Inhalte in verschiedene Ansichten.
Verwendet in:
Ressourcen-ManagementTable
Strukturierte Darstellung in Zeilen und Spalten.
| Item | Val |
|---|---|
| A | 1 |
Verwendet in:
AufgabenlisteScroll Area
Individuelle Scrollleisten für konsistentes Styling.
Verwendet in:
IoT CockpitProgress
Fortschrittsanzeige oder Wertindikator.
60% Complete
Verwendet in:
Smart HomeSwitch
Toggle‑Schalter für binäre Zustände.
Verwendet in:
IoT CockpitBaue deine eigene Bibliothek
spartan/ui ist die perfekte Basis. Nutze die Komponenten als Primitives und style sie passend zu deiner Marke.