### CRow

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

#### Props

| Prop name | Description                                                         | Type                     | Values                                                                                                                                   | Default |
| --------- | ------------------------------------------------------------------- | ------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------- | ------- |
| **xs**    | The number of columns/offset/order on extra small devices (<576px). | Object as () => BPObject | `{ cols: 'auto' \| number \| string } \| { gutter: number \| string } \| { gutterX: number \| string } \| { gutterY: number \| string }` | -       |
| **sm**    | The number of columns/offset/order on small devices (<768px).       | Object as () => BPObject | `{ cols: 'auto' \| number \| string } \| { gutter: number \| string } \| { gutterX: number \| string } \| { gutterY: number \| string }` | -       |
| **md**    | The number of columns/offset/order on medium devices (<992px).      | Object as () => BPObject | `{ cols: 'auto' \| number \| string } \| { gutter: number \| string } \| { gutterX: number \| string } \| { gutterY: number \| string }` | -       |
| **lg**    | The number of columns/offset/order on large devices (<1200px).      | Object as () => BPObject | `{ 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).    | Object as () => BPObject | `{ 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).   | Object as () => BPObject | `{ cols: 'auto' \| number \| string } \| { gutter: number \| string } \| { gutterX: number \| string } \| { gutterY: number \| string }` | -       |
