The VuiSelect component helps you to simply create a beautiful select input. It uses react-select in base and you can use all of its props for VuiSelect.

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.


// Vision UI Dashboard PRO React components import VuiSelect from "components/VuiSelect";
Select year

Props Information

size'small''medium''large'mediumChange the VuiSelect size.
errorboolfalseChange the VuiSelect border color to red, its useful when displaying the error messages.
successboolfalseChange the VuiSelect border color to green, its useful when displaying the success messages.
HTML5 AttributesYou can also use some of the HTML5 input attributes for the VuiSelect.
React Select PropsYou can pass all of the react-select props for the VuiSelect as well.