# Vue Form Control Group Component API

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

## CFormControlGroup

```jsx
import { CFormControlGroup } from '@coreui/vue'
```

### Props

| Name | Type | Default | Description |
| --- | --- | --- | --- |
| `size` | `string` | `undefined` | Size the frame small or large - every part inside follows it. |

## CFormControlIcon

```jsx
import { CFormControlIcon } from '@coreui/vue'
```

## CFormControlText

```jsx
import { CFormControlText } from '@coreui/vue'
```

## CFormControlAction

```jsx
import { CFormControlAction } from '@coreui/vue'
```

## CFormControlCleaner

```jsx
import { CFormControlCleaner } from '@coreui/vue'
```

### Props

| Name | Type | Default | Description |
| --- | --- | --- | --- |
| `ariaLabel` | `string` | `'Clear'` | `aria-label` of the button. |