react-three-flex
Version:
`<Flex />` component for the 3D World.
20 lines (19 loc) • 1.15 kB
TypeScript
import { PropsWithChildren } from 'react';
import { Group } from 'three';
import { ReactThreeFiber } from 'react-three-fiber';
import type { R3FlexProps, FlexYogaDirection, FlexPlane } from './props';
declare type FlexProps = PropsWithChildren<Partial<{
/**
* Root container position
*/
size: [number, number, number];
yogaDirection: FlexYogaDirection;
plane: FlexPlane;
scaleFactor?: number;
onReflow?: (totalWidth: number, totalHeight: number) => void;
}> & R3FlexProps & Omit<ReactThreeFiber.Object3DNode<THREE.Group, typeof Group>, 'children'>>;
/**
* Flex container. Can contain Boxes
*/
export declare function Flex({ size, yogaDirection, plane, children, scaleFactor, onReflow, flexDirection, flexDir, dir, alignContent, alignItems, alignSelf, align, justifyContent, justify, flexBasis, basis, flexGrow, grow, flexShrink, shrink, flexWrap, wrap, margin, m, marginBottom, marginLeft, marginRight, marginTop, mb, ml, mr, mt, padding, p, paddingBottom, paddingLeft, paddingRight, paddingTop, pb, pl, pr, pt, height, width, maxHeight, maxWidth, minHeight, minWidth, ...props }: FlexProps): JSX.Element;
export {};