Skip to main content
Design system

Container

The container centers your content horizontally. It's the most basic layout element.

Bundle size: 829 Bytes
Install:
npm install @washingtonpost/wpds-ui-kit
|Copy
Usage:
import { Container } from "@washingtonpost/wpds-ui-kit"
|Copy

Anatomy

The anatomy of a container has no visual elements. It is an empty container used for layout and is tied to our breakpoints.


Options

Max width

Determine the max width of the container. The container width grows with the size of the screen. Set the container width to fluid for a full width container.


API Reference

Container

PropDescriptionTypeDefaultRequired
maxWidththe max width of them all
enum
fluid | sm | md | lg | xl
----False