Components Overview
Components are reusable UI primitives. Open each page to see variants, states, and usage context.
Badges
Compact status labels with semantic colors and icon pairing.
Open page
Breadcrumb
Hierarchical path navigation for deep application structures.
Open page
Buttons
Action hierarchy with variants, sizes, icon support, and loading states.
Open page
Cards
Surface containers for grouped content, metrics, and interactive entries.
Open page
Checkbox
Selection controls for single or multiple independent choices.
Open page
Dialog
Focused overlay surfaces for confirmations, forms, and critical actions.
Open page
Lists
Vertical content groups with leading visuals, descriptions, and trailing actions.
Open page
Pagination
Page navigation patterns for long lists and data-heavy interfaces.
Open page
Select
Single-choice dropdown selection from predefined options.
Open page
Sidebar
Persistent section navigation pattern for dashboard-style layouts.
Open page
Switches
Binary toggles for immediate setting changes with settings-list patterns.
Open page
Table
Structured data display for comparison and rapid scanning.
Open page
Tabs
View switching within related content groups on a single page.
Open page
Text Fields
Single-line inputs and textareas with icons, validation, and form patterns.
Open page
Toasts
Temporary non-blocking feedback for async actions and system events.
Open page
Tooltips
Contextual hints that appear on hover or focus for icon-only and compact UI.
Open page
Top Nav
Global navigation pattern for brand, primary routes, and utility actions.
Open page