@itwin/itwinui-layouts-react
Version:
iTwinUI package that provides React components for most common layouts
35 lines (34 loc) • 901 B
TypeScript
/**
* Object to define column span for specific screen size.
*
* Screen sizes:
* - mobile: screen < 500px
* - tablet: screen < 1100px
* - smallMonitor: screen < 1500px
* - monitor: 1500px < screen
*/
export declare type ResponsiveColumnSpan = {
mobile: number;
tablet: number;
smallMonitor: number;
monitor: number;
};
/**
* Object to define column start for specific screen size.
*
* You can pass number or 'auto'.
* - number - defines column number on which grid item starts.
* - 'auto' - automatically place grid item at nearest empty column.
*
* Screen sizes:
* - mobile: screen < 500px
* - tablet: screen < 1100px
* - smallMonitor: screen < 1500px
* - monitor: 1500px < screen
*/
export declare type ResponsiveColumnStart = {
mobile: 'auto' | number;
tablet: 'auto' | number;
smallMonitor: 'auto' | number;
monitor: 'auto' | number;
};