Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA page whose primary button is fixed to the bottom, padded for the home indicator, with a gradient so text under it stays readable and enough bottom padding on the content that nothing is hidden. Use this when a phone page ends in one clear action, such as Continue or Book, that should always be visible.
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 page ends in one clear action, such as Continue or Book, that should always be visible.
Do not use it for pages with several equal actions, or short pages where the button fits below the content.
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 |
|---|---|---|---|
label | string | required | The button text. |
onAction | () => void | required | Called when pressed. |
hint | string | - | Small text above the button. |
The pattern ships with a Testing Library test (bottom-cta-safe-area.test.tsx) that drives it through roles and the keyboard.