Brand System
Components
A comprehensive library of UI components following Sonance brand guidelines. All components are theme-aware and adapt automatically to light and dark modes.
47
Components
6
Categories
2
Theme Modes
100%
Accessible
Forms
Input components for building forms with validation states.
Button
Trigger actions with primary, secondary, and ghost variants.
Input
Text input field with label and validation support.
Textarea
Multi-line text input for longer content.
Checkbox
Select multiple options from a list.
Checkbox Group
Group management for multiple checkboxes.
Radio Group
Select a single option from a list.
Switch
Toggle binary on/off settings.
Select
Dropdown selection from a list of options.
Slider
Select a value from a continuous range.
Number Input
Numeric input with increment/decrement controls.
Autocomplete
Search input with filtering suggestions.
Listbox
Selectable list displayed inline.
Form
Form wrapper with validation context.
Input OTP
One-time password segmented input.
Calendar
Full month calendar view for date selection.
Date Input
Text input formatted for date entry.
Date Picker
Input with calendar popover for dates.
Date Range Picker
Select start and end dates with calendar.
Time Input
Input for selecting hours and minutes.
Range Calendar
Calendar optimized for range selection.
Feedback
Components for communicating status, progress, and loading states.
Overlays
Modal dialogs, tooltips, popovers, and drawers.
Data Display
Components for displaying and organizing data.
Utilities
Helper components for layout, code display, and keyboard shortcuts.