Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA searchable single-select that is a popover on desktop and a bottom sheet with large rows on phones, sharing one list.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
Use it in forms that people fill in on a phone as well as a laptop. Use ComboboxField for desktop-only tools.
| Prop | Type | Default | Description |
| ------------------------------------------------- | --------------------------------------------- | ------------------ | --------------------------------------------------------- | -------------------------------------------- |
| options | { value; label; description?; disabled? }[] | - | The options. |
| value / defaultValue | string \\ | null | null | Selected value. Choosing it again clears it. |
| onValueChange | (value: string \\ | null) => void | - | Runs when the selection changes. |
| title | string | Choose an option | Sheet title. |
| sheetBelow | number | 640 | Viewport width in px at or below which the sheet is used. |
| placeholder / searchPlaceholder / emptyText | string | see source | Copy. |
| disabled | boolean | false | Disables the field. |
On wide viewports the list is in a popover; on narrow ones it is in a modal bottom sheet (a dialog with a title and an off-screen description) that traps focus and closes on Escape or by swiping down. Both views use the same listbox from cmdk.