Default

Basic mentions input with default placeholder.

A
Alice
B
Bob
C
Carol
D
Dave
E
Eve

Comment

Leave a comment and tag team members using @mentions.

A
Alice
B
Bob
C
Carol
D
Dave
E
Eve

Team Discussion

Discussion thread where you can mention any team member.

A
Alice
B
Bob
C
Carol
D
Dave
E
Eve

Task Assignment

Assign tasks by mentioning the responsible person.

A
Alice
B
Bob
C
Carol
D
Dave
E
Eve

Code Review

Request code review from specific team members.

A
Alice
B
Bob
C
Carol
D
Dave
E
Eve

Bug Report

File a bug report and tag the responsible developer.

A
Alice
B
Bob
C
Carol
D
Dave
E
Eve

Usage

<Mentions placeholder="Type @ to mention someone..." /><Mentions label="Comment" placeholder="Leave a comment, use @ to tag people..." />

Props

PropTypeDefaultDescription
placeholdertext"Type @ to mention..."Placeholder text in the input
labeltext""Label text above the mentions input