Container
The base container to contain, pad, and center content in the viewport. This component extends the React-Bootstrap Container
.
See React-Bootstrap for more documentation.
Basic Usage
Theme Variables (SCSS)
$max-width-xs: 464px !default;$max-width-sm: 708px !default;$max-width-md: 952px !default;$max-width-lg: 1192px !default;$max-width-xl: 1440px !default;
Container Props API
as
elementType
Default'div'Override the base element
children
node
fluid
bool
DefaulttrueFill all available space at any breakpoint
size
enum
"xs" | "sm" | "md" | "lg" | "xl"Set the maximum width for the container