Classic Theme Documentation
A cross-framework design system for building consistent, accessible, and beautiful user interfaces.
Getting Started
Learn how to install and configure Classic Theme
Form Inputs
Interactive form controls for collecting user input
Button
Clickable button with variants and loading states
Input
Text input field for single-line data entry
Label
Accessible label for form inputs
Textarea
Multi-line text input for longer content
FormField
Complete form field with label, input, and validation
Checkbox
Toggle control for boolean values
Switch
Toggle switch for on/off states
RadioGroup
Single selection from a group of options
Select
Dropdown for selecting from a list of options
Combobox
Searchable dropdown with autocomplete
MultiSelect
Select multiple options from a dropdown
Slider
Range input for numeric values
NumberInput
Numeric input with increment/decrement controls
DateTimePicker
Date and time selection with calendar popup
OTPInput
One-time password input with individual digit fields
FileUpload
Drag-and-drop file upload with preview
Signature
Digital signature capture pad
Display
Components for presenting information and content
Card
Container for grouping related content
Badge
Small label for status or categorization
Alert
Contextual feedback messages for user actions
Avatar
User profile image with fallback support
Icon
SVG icon component with multiple icon options
Skeleton
Loading placeholder for content
Spinner
Animated loading indicator
ProgressBar
Determinate and indeterminate progress indicator
Feedback
Components for user interactions and notifications
Dialog
Modal window for focused interactions
AlertDialog
Confirmation dialog for destructive actions
Toast
Brief notification messages
Tooltip
Contextual information on hover
DropdownMenu
Menu with actions and navigation options
LoadingOverlay
Flexible loading overlay for fullscreen, section, or inline use
LoadingPage
Full-page branded loading screen with logo and progress
LoadingSection
Section-level content wrapper with loading overlay
Data Display
Components for presenting structured data
Layout
Page layouts and structural components
AppShell
Core application wrapper component
DashboardLayout
Complete layout with sidebar and header
PublicLayout
Public-facing pages with header and footer
AuthLayout
Centered layout for authentication pages
ErrorLayout
Layout for error pages (404, 500, etc.)
FormPageLayout
Focused layout for form-heavy pages
Header
Application header with navigation
Sidebar
Collapsible navigation sidebar
Footer
Site footer with links and copyright
Page Components
Page-level building blocks
Branding
Logo and identity elements
Utilities
Stores, composables, and helpers
Patterns
Best practices and common patterns
Resources
External links and additional resources