Forms
Inputs, selects, checkboxes, radio groups, and validation.
Input
Text input with variants, sizes, icons, types, and states.
Variants
Sizes
With Icons
Input Types
States
Textarea
Multi-line text input with variants, sizes, and autoresize.
Variants
Sizes
Autoresize
With v-model
Character count: 0
Select
Dropdown select with variants, sizes, icons, and hardcoded options.
Variants
Sizes
With Leading Icon
Select Menu
Advanced searchable select with grouped items, search, and create functionality.
Searchable with Groups
Selected: Sarah Connor
Create Item
Available items: Backlog, Todo, In Progress, Done
Checkbox
Toggle checkboxes with colors, sizes, and indeterminate state.
Colors
Sizes
Indeterminate
Current value: indeterminate
Checkbox Group
Multiple selection groups with list, card, and table variants.
List Variant (Vertical)
Selected: email
Card Variant (Horizontal)
Table Variant
Radio Group
Single selection groups with list, card, and table variants.
List Variant (Vertical)
Selected: pro
Card Variant (Horizontal)
Table Variant
Form Field
Wrapper for form elements providing labels, descriptions, hints, help text, error messages, and required indicators.
We'll use this to send you important updates.
Composed Form
Complete form with validation, required fields, inline errors, and submit handling.