#Container

import Container from "@poodle/ui/Container";

Container is a simple layout to center and horizontally padding the content inside it.

Use fixed prop to control container max width. It should work just like maxWith system props.

However, fixed prop will get break point width first before spacing width.

gutter props work the same with px system prop to horizontally padding the content.

fixed prop and gutter prop are support responsive values.

Please check theming component document here.

export type ContainerStyleKeys = "root"

export interface ContainerThemeConfig
  extends StandardThemeConfig<ContainerStyleKeys, ContainerProps> {}

export interface ContainerProps
    extends BoxProps,
        StandardComponentProps,
        LocalContainerProps {}