React Tag Input - Soft UI

PRO

The SoftTagInput 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 SoftTagInput.


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 SoftTagInput, is not working for adding or removing tags you can only test the below props using it. See the complete example of SoftTagInput on the bottom of that page.

// Soft UI Dashboard PRO React components import SoftTagInput from "components/SoftTagInput";
html
css
js

Props Information

NameTypeDefaultDescription
size'medium''large'mediumChange the SoftTagInput size.
errorboolfalseChange the SoftTagInput border color to red, its useful when displaying the error messages.
successboolfalseChange the SoftTagInput border color to green, its useful when displaying the success messages.
React Tag InputYou can pass all of the react-tag-input props for the SoftTagInput as well.

Functionality

The below code contains a full exmaple of the SoftTagInput, you can check the functionality as well that how you can add or remove tags.