@coreui/react
Version:
UI Components Library for React.js
51 lines (50 loc) • 2.06 kB
TypeScript
import React, { HTMLAttributes } from 'react';
export type BPObject = {
cols?: 'auto' | number | string | null;
gutter?: number | string | null;
gutterX?: number | string | null;
gutterY?: number | string | null;
};
export interface CRowProps extends HTMLAttributes<HTMLDivElement> {
/**
* A string of all className you want applied to the base component.
*/
className?: string;
/**
* The number of columns/offset/order on extra small devices (<576px).
*
* @type {{ cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }}
*/
xs?: BPObject;
/**
* The number of columns/offset/order on small devices (<768px).
*
* @type {{ cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }}
*/
sm?: BPObject;
/**
* The number of columns/offset/order on medium devices (<992px).
*
* @type {{ cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }}
*/
md?: BPObject;
/**
* The number of columns/offset/order on large devices (<1200px).
*
* @type {{ cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }}
*/
lg?: BPObject;
/**
* The number of columns/offset/order on X-Large devices (<1400px).
*
* @type {{ cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }}
*/
xl?: BPObject;
/**
* The number of columns/offset/order on XX-Large devices (≥1400px).
*
* @type {{ cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }}
*/
xxl?: BPObject;
}
export declare const CRow: React.ForwardRefExoticComponent<CRowProps & React.RefAttributes<HTMLDivElement>>;