Container

import { Container } from "anolis-ui";

export type ContainerVariant = "normal" | "fluid";

export interface ContainerThemeProps extends ComplementThemeProps, PseudoProp {
}

Basic

Cointainer component is used to contain other components, with set width and padding for each screen size. Width of normal variant is based on breakpoints. Anolis default theme use this max-widths:

<Container bg="anolis-green-400">Paragraph</Container>

Fluid

Fluid container is 100% width with a set padding. Just use fluid variant.