@grafana/ui
Version:
Grafana Components Library
41 lines (40 loc) • 1.71 kB
TypeScript
import { HTMLProps } from 'react';
import * as React from 'react';
declare enum Orientation {
Horizontal = 0,
Vertical = 1
}
type Spacing = 'none' | 'xs' | 'sm' | 'md' | 'lg';
type Justify = 'flex-start' | 'flex-end' | 'space-between' | 'center';
type Align = 'normal' | 'flex-start' | 'flex-end' | 'center';
export interface LayoutProps extends Omit<HTMLProps<HTMLDivElement>, 'align' | 'children' | 'wrap'> {
children: React.ReactNode[] | React.ReactNode;
orientation?: Orientation;
spacing?: Spacing;
justify?: Justify;
align?: Align;
width?: string;
wrap?: boolean;
}
export interface ContainerProps {
padding?: Spacing;
margin?: Spacing;
grow?: number;
shrink?: number;
}
/**
* @deprecated use Stack component instead
*
* https://developers.grafana.com/ui/latest/index.html?path=/docs/layout-deprecated-groups--docs
*/
export declare const Layout: ({ children, orientation, spacing, justify, align, wrap, width, height, ...rest }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
/**
* @deprecated use Stack component instead
*/
export declare const HorizontalGroup: ({ children, spacing, justify, align, wrap, width, height, }: Omit<LayoutProps, "orientation">) => import("react/jsx-runtime").JSX.Element;
/**
* @deprecated use Stack component with the "column" direction instead
*/
export declare const VerticalGroup: ({ children, spacing, justify, align, width, height, }: Omit<LayoutProps, "orientation" | "wrap">) => import("react/jsx-runtime").JSX.Element;
export declare const Container: ({ children, padding, margin, grow, shrink }: React.PropsWithChildren<ContainerProps>) => import("react/jsx-runtime").JSX.Element;
export {};