React Select - Argon
PROThe ArgonSelect 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 ArgonSelect.
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
// Argon Dashboard 2 PRO MUI components
import ArgonSelect from "components/ArgonSelect";
Select year
Props Information
| Name | Type | Default | Description |
|---|---|---|---|
| size | 'small''medium''large' | medium | Change the ArgonSelect size. |
| error | bool | false | Change the ArgonSelect border color to red, its useful when displaying the error messages. |
| success | bool | false | Change the ArgonSelect border color to green, its useful when displaying the success messages. |
| HTML5 Attributes | You can also use some of the HTML5 input attributes for the ArgonSelect. | ||
| React Select Props | You can pass all of the react-select props for the ArgonSelect as well. |