@cision/react-container-query
Version:
Container Query for React Component
19 lines (18 loc) • 702 B
TypeScript
import React = require('react');
import { Props, Params, Query, Size } from './interfaces';
/**
* <ContainerQuery query={query} initialSize={{width: 123, height: 456}}>
* {(params) => {
* <div className={classname(params)}></div>
* }}
* </ContainerQuery>
*/
export declare const ContainerQuery: React.FunctionComponent<Props>;
/**
* applyContainerQuery(BoxComponent, query, initialSize);
*/
export declare type Component<T> = React.ComponentClass<T> | React.StatelessComponent<T>;
export interface QueryProps {
containerQuery: Params;
}
export declare function applyContainerQuery<T>(Component: Component<T & QueryProps>, query: Query, initialSize?: Size): React.ComponentClass<T>;