Mention input

A textarea with @people and #channel mentions that act as single tokens, with suggestions at the caret.

Library

Arc Library

Framework

React

Type

ui

License

MIT

Dependencies

lucide-react, motion

Install

npx shadcn@latest add https://uiarc.dev/r/mention-input.json

Files

• registry/components/mention-input/mention-input.tsx
• registry/components/mention-input/mention-input.module.css
• registry/motion-tokens.ts
• lib/motion-tokens.ts

Source

https://github.com/kuratlielia/arc-library

Categories

• Input Components
• React Input Components
• Animated Input Components
• Tags Input Components
• React Tags Input Components
• Animated Tags Input Components
• Textarea Components
• React Textarea Components
• Animated Textarea Components

More from Arc Library

• Chat thread
• Multi-select
• Tag input
• Textarea
• Accordion
• Action button
• Action swap
• Activity heatmap
• Alert
• Animated counter
• Announcement bar
• Avatar