Container
A readable prose-width container.
import { Container } from "@combric/react";
export function Example() {
return <Container size="prose">A readable prose-width container.</Container>;
}Container
Centered content-width boundary with prose, wide, and full sizes.
@combric/layout · v1.1.1 · Current
Import and usage
import { Container } from "@combric/react";The framework-independent CSS contract is available from@combric/layout/css; the React wrapper comes from@combric/react.
Examples
Prose, wide, and full sizes
Prose width
Wide width
Full width
import { Container, Stack } from "@combric/react";
export function Example() {
return <Stack gap="3"><Container size="prose">Prose width</Container><Container size="wide">Wide width</Container><Container size="full">Full width</Container></Stack>;
}Public API
| Name |
|---|
Container |
| Contract |
|---|
| size: prose | wide | full |
Accessibility
Layout changes presentation only. Choose semantic elements and preserve meaningful source order; Combric does not add ARIA, reorder content, or measure the viewport.