Select
Form ControlsStable
Accessible dropdown selection component with groups and labels. For searchable selection, use Combobox.
Quick Import
import { Select } from "@cohere-ai/waypoint-ui/select";Live Preview
Loading Select...
Props
| Name | Type | Default | Description |
|---|---|---|---|
size (SelectTrigger) | 'sm' | 'default' | 'default' | Trigger size |
position (SelectContent) | 'popper' | 'item-aligned' | 'popper' | Positioning strategy |
Examples
Basic Select
Select dropdown with three fruit options
1 import { 2 Select, SelectTrigger, SelectValue, SelectContent, SelectItem, 3 } from '@cohere-ai/waypoint-ui/select'; 4 5 <Select> 6 <SelectTrigger className="w-48"> 7 <SelectValue placeholder="Select a fruit" /> 8 </SelectTrigger> 9 <SelectContent> 10 <SelectItem value="apple">Apple</SelectItem> 11 <SelectItem value="banana">Banana</SelectItem> 12 <SelectItem value="orange">Orange</SelectItem> 13 </SelectContent> 14 </Select>
Additional Resources
Found an Issue?
If you've encountered a bug or have feedback about the Select component, please report it to our team. Your feedback helps us improve Waypoint.
Available for all users • Issue will be created in Linear
Was this page helpful?
Your feedback helps us improve our documentation.
Need Help?
Check out the Whitelabeling Playground to explore customization options or visit the Developer Guide for integration help.