Component

Select

Dropdown select for choosing from a list of options.

tsx
import { Select } from 'wss3-forge'

Usage

Use for selecting from predefined options

Add placeholder for empty state

Use Dropdown for action menus instead

Supports disabled options


Examples

Basic Select

tsx
1<Select
2 label="Country"
3 placeholder="Select a country"
4 options={[
5 { value: 'us', label: 'United States' },
6 { value: 'ca', label: 'Canada' },
7 { value: 'uk', label: 'United Kingdom' }
8 ]}
9/>

With Error

Please select a category

tsx
1<Select
2 label="Category"
3 error="Please select a category"
4 options={[
5 { value: 'tech', label: 'Technology' },
6 { value: 'design', label: 'Design' }
7 ]}
8/>

Disabled

tsx
1<Select
2 label="Status"
3 disabled
4 value="active"
5 options={[
6 { value: 'active', label: 'Active' },
7 { value: 'inactive', label: 'Inactive' }
8 ]}
9/>

Previous

SearchInput

Next

Slider

Last updated: December 2025

Cookies

We use cookies to improve your experience and save your preferences.