UNPKG

@mantine/core

Version:

React components library focused on usability, accessibility and developer experience

26 lines (25 loc) 1.07 kB
import { BoxProps, ElementProps, Factory, MantineSpacing, StylesApiProps } from '../../core'; export type StackStylesNames = 'root'; export type StackCssVariables = { root: '--stack-gap' | '--stack-align' | '--stack-justify'; }; export interface StackProps extends BoxProps, StylesApiProps<StackFactory>, ElementProps<'div'> { /** Key of `theme.spacing` or any valid CSS value to set `gap` property, numbers are converted to rem, `'md'` by default */ gap?: MantineSpacing; /** Controls `align-items` CSS property, `'stretch'` by default */ align?: React.CSSProperties['alignItems']; /** Controls `justify-content` CSS property, `'flex-start'` by default */ justify?: React.CSSProperties['justifyContent']; } export type StackFactory = Factory<{ props: StackProps; ref: HTMLDivElement; stylesNames: StackStylesNames; vars: StackCssVariables; }>; export declare const Stack: import("../../core").MantineComponent<{ props: StackProps; ref: HTMLDivElement; stylesNames: StackStylesNames; vars: StackCssVariables; }>;