@atlrdsgn/kit
Version:
An ever–expanding library of React components, primitives, and tools
22 lines (21 loc) • 1.17 kB
TypeScript
import { FlexDirectionProps, FlexAlignProps, FlexJustifyProps, FlexGapProps, FlexVariantProps } from './flex.css';
import { default as React } from 'react';
interface BASE_FLEX_PROPS {
children?: React.ReactNode;
className?: string;
direction?: FlexDirectionProps;
align?: FlexAlignProps;
justify?: FlexJustifyProps;
gap?: FlexGapProps;
}
type FlexAttributeProps = BASE_FLEX_PROPS & React.HTMLAttributes<HTMLDivElement>;
export type FlexProps = FlexAttributeProps & FlexVariantProps;
export declare const Flex: React.ForwardRefExoticComponent<BASE_FLEX_PROPS & React.HTMLAttributes<HTMLDivElement> & {
direction?: "row" | "column" | "rowReverse" | "columnReverse" | undefined;
align?: "baseline" | "stretch" | "center" | "end" | "start" | undefined;
justify?: "center" | "end" | "start" | "between" | undefined;
gap?: "none" | 2 | 1 | 4 | 3 | 5 | 6 | 7 | 8 | 22 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 24 | "xs" | "sm" | "md" | "lg" | "xl" | 21 | 23 | undefined;
wrap?: "nowrap" | "wrap" | "wrapReverse" | undefined;
} & React.RefAttributes<HTMLDivElement>>;
export {};
//# sourceMappingURL=flex.d.ts.map