import { CCol } from '@coreui/react'// orimport CCol from '@coreui/react/src/components/grid/CCol'| 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). | { 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }} | - |
| md | The number of columns/offset/order on medium devices (<992px). | { 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }} | - |
| sm | The number of columns/offset/order on small devices (<768px). | { 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }} | - |
| xl | The number of columns/offset/order on X-Large devices (<1400px). | { 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }} | - |
| xs | The number of columns/offset/order on extra small devices (<576px). | { 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }} | - |
| xxl | The number of columns/offset/order on XX-Large devices (≥1400px). | { 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }} | - |
On this page