47 lines
1.2 KiB
TypeScript
47 lines
1.2 KiB
TypeScript
|
import { ElementUIComponent } from './component'
|
||
|
|
|
||
|
|
/** Responsive column props */
|
||
|
|
export interface ResponsiveColumnProperties {
|
||
|
|
/** Number of column the grid spans */
|
||
|
|
span: number,
|
||
|
|
|
||
|
|
/** Number of spacing on the left side of the grid */
|
||
|
|
offset: number
|
||
|
|
}
|
||
|
|
|
||
|
|
/** Responsive column property */
|
||
|
|
export type ResponsiveColumn = number | ResponsiveColumnProperties
|
||
|
|
|
||
|
|
/** Colunm Layout Component */
|
||
|
|
export declare class ElCol extends ElementUIComponent {
|
||
|
|
/** Number of column the grid spans */
|
||
|
|
span: number
|
||
|
|
|
||
|
|
/** Number of spacing on the left side of the grid */
|
||
|
|
offset: number
|
||
|
|
|
||
|
|
/** Number of columns that grid moves to the right */
|
||
|
|
push: number
|
||
|
|
|
||
|
|
/** Number of columns that grid moves to the left */
|
||
|
|
pull: number
|
||
|
|
|
||
|
|
/** <768px Responsive columns or column props object */
|
||
|
|
xs: ResponsiveColumn
|
||
|
|
|
||
|
|
/** ≥768px Responsive columns or column props object */
|
||
|
|
sm: ResponsiveColumn
|
||
|
|
|
||
|
|
/** ≥992px Responsive columns or column props object */
|
||
|
|
md: ResponsiveColumn
|
||
|
|
|
||
|
|
/** ≥1200px Responsive columns or column props object */
|
||
|
|
lg: ResponsiveColumn
|
||
|
|
|
||
|
|
/** ≥1920px Responsive columns or column props object */
|
||
|
|
xl: ResponsiveColumn
|
||
|
|
|
||
|
|
/** custom element tag */
|
||
|
|
tag: string
|
||
|
|
}
|