Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA floating button that opens a bottom sheet with a short add form, validates the field, adds the item to the list behind it and returns focus to the button. Use this when a phone list lets people add an item quickly with one or two fields.
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 lets people add an item quickly with one or two fields.
Do not use it for long forms (use a page) or when adding needs a camera or file (use a dedicated flow).
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 |
|---|---|---|---|
onAdd | (title: string) => void | required | Called with the new item's title. |
children | ReactNode | - | The list shown behind the button. |
role="alert".The pattern ships with a Testing Library test (fab-opens-form-sheet.test.tsx) that drives it through roles and the keyboard.