Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA sort menu with two radio groups, field and direction, whose trigger spells out the current sort in words and that stays open so both can be set at once.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use this for list and card views where sort field and direction are chosen together: files, products, tickets.
Do not use it for table headers, where click-to-sort with aria-sort is the expected pattern.
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 |
|---|---|---|---|
fields | { value, label }[] | - | Sortable fields. |
value | { field, direction: asc | desc } | - | Current sort. |
onValueChange | (value) => void | - | Called with the new sort. |
menuitemradio in two labelled groups ("Sort by", "Direction"), so each choice is announced with its group.| Key | Action |
|---|---|
| Arrow keys | move between options |
| Space or Enter | select an option (the menu stays open) |
| Escape | closes |
The pattern ships a Testing Library test (menu-sort-direction.test.tsx) that covers the trigger text, the two radio groups and changing both without closing.