@react-slate/core
Version:
Write interactive CLI apps with React
48 lines • 1.91 kB
TypeScript
/// <reference types="react" />
import { Style as LayoutStyle } from '../layout';
import { SingleOrMulti, OnLayoutHook, MouseEventHandler } from '../types';
export declare type Props = {
children?: SingleOrMulti<0 | false | null | undefined | JSX.Element>;
bgColor?: string;
testID?: string;
/** Layout props */
display?: 'flex' | 'none';
position?: 'relative' | 'absolute';
flexDirection?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
flexWrap?: 'no-wrap' | 'wrap' | 'wrap-reverse';
flexGrow?: number;
flexShrink?: number;
flexBasis?: number | string;
alignItems?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
alignSelf?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
alignContent?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around';
justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
top?: number | string;
right?: number | string;
bottom?: number | string;
left?: number | string;
zIndex?: number;
marginTop?: number | string;
marginRight?: number | string;
marginBottom?: number | string;
marginLeft?: number | string;
paddingTop?: number | string;
paddingRight?: number | string;
paddingBottom?: number | string;
paddingLeft?: number | string;
width?: number | string;
height?: number | string;
minWidth?: number | string;
minHeight?: number | string;
maxWidth?: number | string;
maxHeight?: number | string;
/** Hooks & handlers */
onLayout?: OnLayoutHook;
onClick?: MouseEventHandler;
onWheel?: MouseEventHandler;
};
export default function View(props: Props): JSX.Element;
export declare function reduceLayoutStyle(props: Props): LayoutStyle & {
zIndex: number;
};
//# sourceMappingURL=View.d.ts.map