Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA bottom sheet with a radio list of sort orders, where choosing one applies it and closes the sheet, and the trigger shows the current order. Use this when a phone list can be sorted by two to six criteria and you want one clear tap target in the toolbar.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it when a phone list can be sorted by two to six criteria and you want one clear tap target in the toolbar.
Do not use it for sorting by column on a data table (use sortable headers) or for two options (use a toggle).
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.
| Prop | Type | Default | Description |
|---|---|---|---|
options | { value: string; label: string }[] | required | The sort orders. |
value | string | required | The current order. |
onValueChange | (value: string) => void | required | Called when an order is chosen. |
The pattern ships with a Testing Library test (sort-options-sheet.test.tsx) that drives it through roles and the keyboard.