Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA map screen with a persistent bottom panel of results that rises to three heights, with a selected result that stays highlighted and announced while the map remains usable. Use this when a map or canvas is the main view and its results must stay reachable beside it on a phone.
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 map or canvas is the main view and its results must stay reachable beside it on a phone.
Do not use it for results that can wait behind a button (use a modal bottom sheet) or for desktop layouts, which have room for a side list.
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 |
|---|---|---|---|
places | Place[] | required | { id, name, distance }. |
selected | string | - | Controlled selected place id. |
onSelect | (id: string) => void | - | Called when a result is chosen. |
aria-pressed for the selection, and the selection is announced in a status region.The pattern ships with a Testing Library test (map-results-persistent-sheet.test.tsx) that drives it through roles and the keyboard.