Vue Grid Component API
Grid API
Explore the API reference for the Vue Grid component and discover how to effectively utilize its props for customization.
On this page CContainer
import { CContainer } from '@coreui/vue-pro'
| Property | Default | Type |
|---|
| sm | - | boolean |
Set container 100% wide until small breakpoint. |
| md | - | boolean |
Set container 100% wide until medium breakpoint. |
| lg | - | boolean |
Set container 100% wide until large breakpoint. |
| xl | - | boolean |
Set container 100% wide until X-large breakpoint. |
| xxl | - | boolean |
Set container 100% wide until XX-large breakpoint. |
| fluid | - | boolean |
Set container 100% wide, spanning the entire width of the viewport. |
CRow
import { CRow } from '@coreui/vue-pro'
| Property | Default | Type |
|---|
| xs | - | Object as () => BPObject |
The number of columns/offset/order on extra small devices (<576px). |
| sm | - | Object as () => BPObject |
The number of columns/offset/order on small devices (<768px). |
| md | - | Object as () => BPObject |
The number of columns/offset/order on medium devices (<992px). |
| lg | - | Object as () => BPObject |
The number of columns/offset/order on large devices (<1200px). |
| xl | - | Object as () => BPObject |
The number of columns/offset/order on X-Large devices (<1400px). |
| xxl | - | Object as () => BPObject |
The number of columns/offset/order on XX-Large devices (≥1400px). |
CCol
import { CCol } from '@coreui/vue-pro'
| Property | Default | Type |
|---|
| xs | - | Col |
The number of columns/offset/order on extra small devices (<576px). |
| sm | - | Col |
The number of columns/offset/order on small devices (<768px). |
| md | - | Col |
The number of columns/offset/order on medium devices (<992px). |
| lg | - | Col |
The number of columns/offset/order on large devices (<1200px). |
| xl | - | Col |
The number of columns/offset/order on X-Large devices (<1400px). |
| xxl | - | Col |
The number of columns/offset/order on XX-Large devices (≥1400px). |