@dabapps/roe
Version:
A collection of React components, styles, mixins, and atomic CSS classes to aid with the development of web applications.
107 lines (106 loc) • 2.81 kB
TypeScript
import * as React from 'react';
import { OptionalComponentPropAndHTMLAttributes } from '../../types';
export declare type ColumnProps = {
/**
* Columns to occupy on extra small screens
*/
xs?: number;
/**
* Columns to occupy on small screens
*/
sm?: number;
/**
* Columns to occupy on medium screens
*/
md?: number;
/**
* Columns to occupy on large screens
*/
lg?: number;
/**
* Columns to occupy on extra large screens
*/
xl?: number;
/**
* Columns to be offset by, with `margin-left`, on extra small screens
*/
xsOffset?: number;
/**
* Columns to be offset by, with `margin-left`, on small screens
*/
smOffset?: number;
/**
* Columns to be offset by, with `margin-left`, on medium screens
*/
mdOffset?: number;
/**
* Columns to be offset by, with `margin-left`, on large screens
*/
lgOffset?: number;
/**
* Columns to be offset by, with `margin-left`, on extra large screens
*/
xlOffset?: number;
/**
* Columns to fill with `margin-right` on extra small screens
*/
xsFill?: number;
/**
* Columns to fill with `margin-right` on small screens
*/
smFill?: number;
/**
* Columns to fill with `margin-right` on medium screens
*/
mdFill?: number;
/**
* Columns to fill with `margin-right` on large screens
*/
lgFill?: number;
/**
* Columns to fill with `margin-right` on extra large screens
*/
xlFill?: number;
/**
* Columns to be push left by, with `left`, on extra small screens
*/
xsPush?: number;
/**
* Columns to be push left by, with `left`, on small screens
*/
smPush?: number;
/**
* Columns to be push left by, with `left`, on medium screens
*/
mdPush?: number;
/**
* Columns to be push left by, with `left`, on large screens
*/
lgPush?: number;
/**
* Columns to be push left by, with `left`, on extra large screens
*/
xlPush?: number;
/**
* Columns to be pulled left by, with `left`, on on extra small screens
*/
xsPull?: number;
/**
* Columns to be pulled left by, with `left`, on on small screens
*/
smPull?: number;
/**
* Columns to be pulled left by, with `left`, on on medium screens
*/
mdPull?: number;
/**
* Columns to be pulled left by, with `left`, on on large screens
*/
lgPull?: number;
/**
* Columns to be pulled left by, with `left`, on on extra large screens
*/
xlPull?: number;
} & OptionalComponentPropAndHTMLAttributes;
declare const _default: React.MemoExoticComponent<(props: ColumnProps) => JSX.Element>;
export default _default;