According to the element inspector, it looks like it uses a combination of CSS classes and JS plugins.
For example, the HTML looks like this with 2 entries :
For some practical reason, I have not rewriten the full CSS rules, nor the JS logic, but this is the base component they use.
Also, it’s when you click of an element of the list that it changes the classical text view to circled one.
The input is decated each time a new email is entered.
I don’t know if this was what you want, but for "general concept", I think I have explained you.
2
Answers
As commented by Darryl Noakes, this concept is called a Tag Input. Hence if you want to look for how to implement something like this, Google it up.
This is the resource I am using as I am using react and MUI https://blog.theashishmaurya.me/how-to-create-a-tag-input-feature-in-reactjs-and-material-ui
According to the element inspector, it looks like it uses a combination of CSS classes and JS plugins.
For example, the HTML looks like this with 2 entries :
For some practical reason, I have not rewriten the full CSS rules, nor the JS logic, but this is the base component they use.
Also, it’s when you click of an element of the list that it changes the classical text view to circled one.
The input is decated each time a new email is entered.
I don’t know if this was what you want, but for "general concept", I think I have explained you.