react-tokeninput
Tokeninput component for React (by instructure-react)
react-mentions
@mention people in a textarea (by signavio)
Our great sponsors
react-tokeninput | react-mentions | |
---|---|---|
- | 2 | |
147 | 2,343 | |
0.7% | 2.2% | |
0.0 | 5.9 | |
over 5 years ago | 8 days ago | |
JavaScript | JavaScript | |
MIT License | GNU General Public License v3.0 or later |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-tokeninput
Posts with mentions or reviews of react-tokeninput.
We have used some of these posts to build our list of alternatives
and similar projects.
We haven't tracked posts mentioning react-tokeninput yet.
Tracking mentions began in Dec 2020.
react-mentions
Posts with mentions or reviews of react-mentions.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-12-30.
-
Adding #Hashtags and @Mentions
You could get some inspiration by looking at libraries in other languages. One is `react-mentions`. Check out its `MentionsInput` component. Extracting hashtags and "ats" is a substring problem. You could extract the hashtag or "at" string and save it to some ObservableObject in your view or ViewModel. For the networking side, you could listen to published changes to that ObservableObject and update other state variables as a result.
-
Need suggestions for Facebook-like mentions and hashtags with MUI
React Mentions - this is the only one I've tried so far and couldn't find an intuitive way to apply MUI styling
What are some alternatives?
When comparing react-tokeninput and react-mentions you can also consider the following projects:
react-tagsinput - Highly customizable React component for inputing tags.
react-autocomplete-input - Autocomplete input field for React
react-tag-input - A fantastically simple tagging component for your projects
React Tag Autocomplete - ⚛️ Legacy repo for the fantastically simple tagging component for your React projects (legacy repo)
quill - Quill is a modern WYSIWYG editor built for compatibility and extensibility.
mentions - React Mentions
ProseMirror - The ProseMirror WYSIWYM editor
react-color - :art: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more
react-tokeninput vs react-tagsinput
react-mentions vs react-autocomplete-input
react-tokeninput vs react-tag-input
react-mentions vs react-tag-input
react-tokeninput vs React Tag Autocomplete
react-mentions vs React Tag Autocomplete
react-tokeninput vs react-autocomplete-input
react-mentions vs quill
react-mentions vs mentions
react-mentions vs react-tagsinput
react-mentions vs ProseMirror
react-mentions vs react-color