@cision/react-container-query
Version:
Container Query for React Component
29 lines (28 loc) • 583 B
TypeScript
/// <reference types="react" />
export interface Props {
children: ChildFunction;
query: Query;
initialSize?: Size;
}
export interface Size {
width?: number;
height?: number;
}
export interface State {
params: Params;
}
export interface ChildFunction {
(params: Params, ref: any): JSX.Element | null;
}
export interface Query {
[key: string]: ContainerQueries;
}
export interface Params {
[key: string]: boolean;
}
export interface ContainerQueries {
minWidth?: number;
maxWidth?: number;
minHeight?: number;
maxHeight?: number;
}