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

    Override the base element

    Default'div'
  • children
    node
  • fluid
    bool

    Fill all available space at any breakpoint

    Defaulttrue
  • size
    enum"xs" | "sm" | "md" | "lg" | "xl"

    Set the maximum width for the container