| className | - | string, undefined |
A string of all className you want applied to the component. |
| feedback4.2.0+ | - | ReactNode |
Provide valuable, actionable feedback. |
| feedbackInvalid4.2.0+ | - | ReactNode |
Provide valuable, actionable feedback. |
| feedbackValid4.2.0+ | - | ReactNode |
Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, :invalid and :valid. |
| floatingClassName4.5.0+ | - | string, undefined |
A string of all className you want applied to the floating label wrapper. |
| floatingLabel4.2.0+ | - | ReactNode |
Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, :invalid and :valid. |
| htmlSize | - | number, undefined |
Specifies the number of visible options in a drop-down list. |
| invalid | - | boolean, undefined |
Set component validation state to invalid. |
| label4.2.0+ | - | ReactNode |
Add a caption for a component. |
| onChange | - | ChangeEventHandler<HTMLSelectElement>, undefined |
Method called immediately after the value prop changes. |
| options | - | Option[], string[], undefined |
Options list of the select component. Available keys: label, value, disabled. Examples: - options={[{ value: 'js', label: 'JavaScript' }, { value: 'html', label: 'HTML', disabled: true }]} - options={['js', 'html']} |
| size | - | 'sm', 'lg', undefined |
Size the component small or large. |
| text4.2.0+ | - | ReactNode |
Add helper text to the component. |
| tooltipFeedback4.2.0+ | - | boolean, undefined |
Display validation feedback in a styled tooltip. |
| valid | - | boolean, undefined |
Set component validation state to valid. |
| value | - | string, number, string[], undefined |
The value attribute of component. |