@brizy/ui
Version:
React elements in Brizy style
16 lines (15 loc) • 798 B
TypeScript
import { ReactElement, ReactNodeArray, ReactNode } from "react";
export type Spacing = "middle" | "gutter" | "xxsmall" | "xsmall" | "small" | "large" | "xlarge" | "xxlarge" | "none" | number;
export type Align = "left" | "right" | "center" | "between";
export type AlignY = "top" | "center" | "bottom";
export type Columns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
export type ResponsiveProp<AtomName> = AtomName | Readonly<[AtomName, AtomName]> | Readonly<[AtomName, AtomName, AtomName]>;
export interface Props {
children: ReactNode | ReactNodeArray;
columns?: ResponsiveProp<Columns>;
spacing?: ResponsiveProp<Spacing>;
align?: ResponsiveProp<Align>;
alignY?: ResponsiveProp<AlignY>;
onClick?: VoidFunction;
}
export declare const Inline: (props: Props) => ReactElement;