React Tag Input - Argon
PROThe ArgonTagInput component helps you to simply create an input field for creating multiple tags. It uses react-tag-input in base and you can use all of its props for ArgonTagInput.
The below codes are editable and you can modify them the way you want directly from your browser, please use the green button or the ctrl + s to save the changes.
Demo
The below code exmaple of ArgonTagInput, is not working for adding or removing tags you can only test the below props using it. See the complete example of ArgonTagInput on the bottom of that page.
// Argon Dashboard 2 PRO MUI components
import ArgonTagInput from "components/ArgonTagInput";
html
css
js
Props Information
| Name | Type | Default | Description |
|---|---|---|---|
| size | 'medium''large' | medium | Change the ArgonTagInput size. |
| error | bool | false | Change the ArgonTagInput border color to red, its useful when displaying the error messages. |
| success | bool | false | Change the ArgonTagInput border color to green, its useful when displaying the success messages. |
| React Tag Input | You can pass all of the react-tag-input props for the ArgonTagInput as well. |
Functionality
The below code contains a full exmaple of the ArgonTagInput, you can check the functionality as well that how you can add or remove tags.