opinion
Mentions
A textarea that suggests people as you type @.
Comment boxType @ and pick a name
In context
Task commentsReplying on Offline sync for tasks
Offline sync for tasksTideline mobile
JW
Jonas Weber 09:12
What slipped on the mobile release this week?
Props
| Prop | Type | Required | Default |
|---|---|---|---|
value | string | undefined | No | — |
defaultValue | string | undefined | No | — |
onValueChange | ((value: string) => void) | undefined | No | — |
options | MentionOption[] | Yes | — |
placeholder | string | undefined | No | — |
rows | number | undefined | No | 3 |
bionic | boolean | undefined | No | — |
bionicOptions | BionicOptions | undefined | No | — |
data-rebar-* attributes
data-rebar-component="mentions"; parts: input (the real textarea), list, option (the highlighted one carries data-rebar-active).
Migrating to Ant Design
AntD's own Mentions is a close direct equivalent — value/onValueChange/options/placeholder map to AntD's value/onChange/options/placeholder.