import { CFormSelect } from '@coreui/react'// orimport CFormSelect from '@coreui/react/src/components/form/CFormSelect'| Property | Description | Type | Default |
|---|---|---|---|
| className | A string of all className you want applied to the component. | string | - |
| feedback 4.2.0+ | Provide valuable, actionable feedback. | ReactNode | - |
| feedbackInvalid 4.2.0+ | Provide valuable, actionable feedback. | ReactNode | - |
| feedbackValid 4.2.0+ | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, :invalid and :valid. | ReactNode | - |
| floatingClassName 4.5.0+ | A string of all className you want applied to the floating label wrapper. | string | - |
| floatingLabel 4.2.0+ | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, :invalid and :valid. | ReactNode | - |
| htmlSize | Specifies the number of visible options in a drop-down list. | number | - |
| invalid | Set component validation state to invalid. | boolean | - |
| label 4.2.0+ | Add a caption for a component. | ReactNode | - |
| onChange | Method called immediately after the value prop changes. | ChangeEventHandler<HTMLSelectElement> | - |
| options | 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']} | Option[] | string[] | - |
| size | Size the component small or large. | 'sm' | 'lg' | - |
| text 4.2.0+ | Add helper text to the component. | ReactNode | - |
| tooltipFeedback 4.2.0+ | Display validation feedback in a styled tooltip. | boolean | - |
| valid | Set component validation state to valid. | boolean | - |
| value | The value attribute of component. | string | number | string[] | - |
On this page