npm_versionnpm Paragon package page

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

Any Paragon component or export may be added to the code example.

Props API#

Container Props API
  • as elementType

    Override the base element

    Default'div'
  • children node

    Specifies the contents of the container

  • fluid bool

    Fill all available space at any breakpoint

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

    Set the maximum width for the container. Omiting the prop will remove the max-width

  • bsPrefix string

    Overrides underlying component base CSS class name

    Default'container'

Usage Insights#

Container

Project NameParagon VersionInstance Count
edx-ora221.13.11
frontend-app-account23.13.02
frontend-app-admin-portal22.18.012
frontend-app-communications23.12.21
frontend-app-communications23.5.047
frontend-app-enterprise-public-catalog22.17.04
frontend-app-learner-dashboard23.13.02
frontend-app-learner-portal-enterprise22.17.012
teams23.5.04
frontend-app-discussions23.4.58
frontend-app-learner-record23.13.01
frontend-app-learner-portal-enterprise22.17.03
frontend-app-learner-record23.13.01
frontend-app-publisher23.6.12
frontend-app-support-tools23.4.22
frontend-app-library-authoring21.11.32
frontend-app-support-tools23.4.33
frontend-template-application23.13.01