Container

stable

Max-width centered content container

import { Container } from "@nodus/design-system"

Container SM (640px)

Container MD (780px)

Container LG (1024px)

Loading demo…

Props

Prop	Type	Default	Description
`size`	`"sm" \| "md" \| "lg" \| "xl"`	—	Max-width breakpoint
`px`	`string`	—	Horizontal padding override

size

Type "sm" | "md" | "lg" | "xl"Default —

Max-width breakpoint

px

Type stringDefault —

Horizontal padding override

Metadataspace

MobileWorks As-Is

Container applies max-width and centering. Responsive padding is built in via px-4 md:px-8.

Design Rationale

This component was designed to express:

Semantic section wrapper with vertical spacing

Generic box container with padding and border props

Was this helpful?