Theme

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.12.12
frontend-app-admin-portal22.18.018
frontend-app-authn23.12.21
frontend-app-communications23.12.21
frontend-app-course-authoring23.5.042
frontend-app-enterprise-public-catalog22.17.04
frontend-app-learner-dashboard23.12.22
frontend-app-learner-portal-enterprise22.17.034
frontend-app-learner-record23.12.21
frontend-app-learning22.17.01
frontend-app-ora-grading23.4.51
frontend-app-profile23.12.21
frontend-app-publisher23.6.12
frontend-app-support-tools23.4.211
frontend-component-header-edx23.6.11
frontend-component-header23.12.22
catalog-search22.20.21
frontend-app-support-tools23.4.211
frontend-platform23.4.31
frontend-template-application23.12.21