Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA zoom area driven from outside by a toolbar with a slider, Fit and 100% presets and a percentage readout, using the imperative handle so buttons, slider and pinch always agree. Use this when your phone screen needs custom zoom controls that match your design or sit apart from the content.
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 your phone screen needs custom zoom controls that match your design or sit apart from the content.
Do not use it for simple cases where the built-in buttons are enough.
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 |
|---|---|---|---|
children | ReactNode | required | The content to zoom. |
label | string | required | Name of the zoom area. |
toolbar with arrow-key movement via normal Tab order; the slider has a label and its value is also the visible percentage.The pattern ships with a Testing Library test (zoom-controls-toolbar.test.tsx) that drives it through roles and the keyboard.