Container
Wrapper centralizado com largura máxima. Tamanhos disponíveis: sm, md, lg, xl, full.
Demonstração
Container sm — máx. 640 px
Container md — máx. 768 px
Container lg — máx. 1024 px
Props
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
size | 'sm' | 'md' | 'lg' | 'xl' | 'full' | 'lg' | componentPages.container_prop_size |
as | React.ElementType | 'div' | componentPages.container_prop_as |
children | React.ReactNode | — | componentPages.container_prop_children |
Uso
import { Container } from '@ghiberti85/ui'
// Default (lg — 1024px max)
<Container>
<p>Page content</p>
</Container>
// Small container
<Container size="sm">
<p>Narrow form or article</p>
</Container>
// Full width
<Container size="full">
<p>Full-bleed layout</p>
</Container>
// As a semantic element
<Container as="main" size="lg">
{children}
</Container>