Select Component
A customizable select dropdown component with size variants and flexible styling options.
Color Variants
Style your select components using Tailwind CSS classes for different color schemes.
Size Variants
Five different sizes to fit various interface contexts and design requirements.
Real-World Examples
Practical select components with labels and realistic option sets for forms.
Country Selection
A typical country selector for forms
Theme Color
Color theme selection interface
Component Props
Available properties for the Select component.
| Prop | Type | Default | Description |
|---|---|---|---|
| value | string | '' | The selected value (bindable) |
| size | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'md' | Controls select size and padding |
| class | string | '' | Additional CSS classes for styling |
| id | string | undefined | HTML id attribute for form labels |
| disabled | boolean | false | Disables the select when true |