@mantine/core/lib/components/Container/Container.d.ts

React components library focused on usability, accessibility and developer experience

import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../core';
export type ContainerStylesNames = 'root';
export type ContainerCssVariables = {
    root: '--container-size';
};
export interface ContainerProps extends BoxProps, StylesApiProps<ContainerFactory>, ElementProps<'div'> {
    /** `max-width` of the container, value is not responsive – it is the same for all screen sizes. Numbers are converted to rem. Ignored when `fluid` prop is set. @default `'md'` */
    size?: MantineSize | (string & {}) | number;
    /** If set, the container takes 100% width of its parent and `size` prop is ignored. @default `false` */
    fluid?: boolean;
    /** Centering strategy @default `'block'` */
    strategy?: 'block' | 'grid';
}
export type ContainerFactory = Factory<{
    props: ContainerProps;
    ref: HTMLDivElement;
    stylesNames: ContainerStylesNames;
    vars: ContainerCssVariables;
}>;
export declare const Container: import("../../core").MantineComponent<{
    props: ContainerProps;
    ref: HTMLDivElement;
    stylesNames: ContainerStylesNames;
    vars: ContainerCssVariables;
}>;