Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA message box whose @ list leads with @channel, @here and @everyone showing how many people each would notify, disables the ones the author may not use with the reason, and warns before a broad mention is sent. Use this when a mention can wake a whole channel.
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 in chat and announcements, where @channel is powerful, expensive and sometimes not allowed, and the author should see the audience size before sending.
Do not use it when there are no group mentions. Use a people-only mention box.
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 |
|---|---|---|---|
groups | { key, label, count, description?, disabledReason? }[] | 3 groups | Special mentions. disabledReason blocks an entry and explains why. |
people | { id, name }[] | - | Individual people. |
value | string | - | The text (controlled). |
defaultValue | string | "" | Initial text. |
onValueChange | (value: string, audience: number) => void | - | Runs on every change with how many people the broad mentions in the text would notify. |
aria-disabled and states the reason (Only admins can notify everyone).role="status" line reads This will notify 128 people.@here and @channel are recognised only as whole words.The pattern ships with a Testing Library test (mention-special-group-entries.test.tsx) that covers entries and counts, a blocked entry, inserting a group mention and the audience warning.