React Form Control Group Component API

Form Control Group API

Explore the API reference for the React Form Control Group components and discover how to effectively utilize their props for customization.

On this page

jsx

import { CFormControlGroup } from '@coreui/react-pro'

Property	Default	Type
className	-	`string`
A string of all className you want applied to the component.
size	-	`'sm'`, `'lg'`
Size the frame small or large - every part inside follows it.

jsx

import { CFormControlIcon } from '@coreui/react-pro'

Property	Default	Type
className	-	`string`
A string of all className you want applied to the component.

jsx

import { CFormControlText } from '@coreui/react-pro'

Property	Default	Type
className	-	`string`
A string of all className you want applied to the component.

jsx

import { CFormControlAction } from '@coreui/react-pro'

Property	Default	Type
className	-	`string`
A string of all className you want applied to the component. Remember to give the action an accessible name through `aria-label`.

jsx

import { CFormControlCleaner } from '@coreui/react-pro'

Property	Default	Type
ariaLabel	`Clear`	`string`
`aria-label` of the button.
className	-	`string`
A string of all className you want applied to the component.