summit-kit
Version:
A React component library for building modern web applications with an earthy and outdoorsy flair.
34 lines (33 loc) • 1.36 kB
TypeScript
import { HTMLAttributes, JSX } from 'react';
type Direction = "row" | "row-reverse" | "col" | "col-reverse" | "column";
type Justify = "start" | "end" | "center" | "between" | "around" | "evenly" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
type Items = "start" | "end" | "center" | "baseline" | "stretch" | "flex-start" | "flex-end";
type Content = "start" | "end" | "center" | "between" | "around" | "evenly" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
type Wrap = "wrap" | "nowrap" | "wrap-reverse";
export type FlexProps = HTMLAttributes<HTMLElement> & {
as?: keyof JSX.IntrinsicElements;
direction?: Direction;
justify?: Justify;
items?: Items;
/** @deprecated Use `items` instead. */
align?: Items;
content?: Content;
wrap?: Wrap;
gap?: string | number;
inline?: boolean;
className?: string;
};
export declare const Flex: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
as?: keyof JSX.IntrinsicElements;
direction?: Direction;
justify?: Justify;
items?: Items;
/** @deprecated Use `items` instead. */
align?: Items;
content?: Content;
wrap?: Wrap;
gap?: string | number;
inline?: boolean;
className?: string;
} & import('react').RefAttributes<HTMLElement>>;
export {};