Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA two-step report flow inside one bottom sheet: pick a reason from a list, then add optional details and send, with a Back button and a confirmation. Use this when people can report posts, comments or listings from a phone and you need a reason plus optional detail.
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 people can report posts, comments or listings from a phone and you need a reason plus optional detail.
Do not use it for a single-step "flag" button, or for legal requests that need a full form.
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 |
|---|---|---|---|
reasons | string[] | required | The list of reasons. |
onReport | (report: { reason: string; details: string }) => void | required | Called when Send is pressed. |
children | ReactNode | - | The trigger. |
The pattern ships with a Testing Library test (report-content-sheet.test.tsx) that drives it through roles and the keyboard.