
```jsx
import { CRow } from '@coreui/react'
// or
import CRow from '@coreui/react/src/components/grid/CRow'
```

| Property | Description | Type | Default |
| --- | --- | --- | --- |
| **className** | A string of all className you want applied to the base component. | `string` | - |
| **lg** | The number of columns/offset/order on large devices (\<1200px). | `{{ cols: 'auto'` \| `number` \| `string }` \| `{ gutter: number` \| `string }` \| `{ gutterX: number` \| `string }` \| `{ gutterY: number` \| `string }}` | - |
| **md** | The number of columns/offset/order on medium devices (\<992px). | `{{ cols: 'auto'` \| `number` \| `string }` \| `{ gutter: number` \| `string }` \| `{ gutterX: number` \| `string }` \| `{ gutterY: number` \| `string }}` | - |
| **sm** | The number of columns/offset/order on small devices (\<768px). | `{{ cols: 'auto'` \| `number` \| `string }` \| `{ gutter: number` \| `string }` \| `{ gutterX: number` \| `string }` \| `{ gutterY: number` \| `string }}` | - |
| **xl** | The number of columns/offset/order on X-Large devices (\<1400px). | `{{ cols: 'auto'` \| `number` \| `string }` \| `{ gutter: number` \| `string }` \| `{ gutterX: number` \| `string }` \| `{ gutterY: number` \| `string }}` | - |
| **xs** | The number of columns/offset/order on extra small devices (\<576px). | `{{ cols: 'auto'` \| `number` \| `string }` \| `{ gutter: number` \| `string }` \| `{ gutterX: number` \| `string }` \| `{ gutterY: number` \| `string }}` | - |
| **xxl** | The number of columns/offset/order on XX-Large devices (≥1400px). | `{{ cols: 'auto'` \| `number` \| `string }` \| `{ gutter: number` \| `string }` \| `{ gutterX: number` \| `string }` \| `{ gutterY: number` \| `string }}` | - |
