Spartan UI Showcase
Discover the most important building blocks for your Angular applications and link to the official documentation.
Custom Feature Implementations
Real-world examples of combining Spartan/ui components into complex feature dashboards.
IoT Cockpit
Monitoring and control for connected device fleets.
Home Automation
Centralized smart home management dashboard.
Resources Management
Personnel, workspace, and AI infrastructure oversight.
Task List
Management of research and development tasks.
Fundamental Components
Button
Essential for user interactions with various styles and sizes.
Used in:
Home AutomationBadge
Visual indicators for status, count, or categories.
Used in:
IoT CockpitCard
A versatile container for grouping related content.
Used in:
Resources ManagementInput
The primary way to capture user text input.
Used in:
Task ListLabel
Accessible labels for form controls.
Used in:
Home AutomationSeparator
Visual line for separating sections of content.
Used in:
IoT CockpitComplex & Interactive
Accordion
Collapsible sections to manage vertical space.
Used in:
InfrastructureTabs
Organize content into different views.
Used in:
Resources ManagementTable
Structured display of data in rows and columns.
| Item | Val |
|---|---|
| A | 1 |
Used in:
Task ListScroll Area
Custom scrollbars for consistent cross-browser styling.
Used in:
IoT CockpitProgress
Visual indicator for task completion or values.
60% Complete
Used in:
Home AutomationSwitch
A toggle control for binary state management.
Used in:
IoT CockpitBuild your own library
Spartan/ui provides the perfect foundation. Use the components as primitives and style them to match your brand.