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

  • children node
  • fluid bool

    Fill all available space at any breakpoint

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

    Set the maximum width for the container