Skip to Content

Container

Centers content with a max-width. Size presets: sm, md, lg (default), xl, full.

sm container — centered, max-width applied

import { Container } from '@gg-software/ui'; <Container size="sm"> <PageContent /> </Container>

Props

PropTypeDefaultDescription
childrenReactNodecontent rendered inside the component
asElementType
size"sm" | "md" | "lg" | "full" | "xl"lg
classNamestring
styleCSSProperties

* required · generated from packages/ui/src/layout/Container/Container.tsx