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 ReactNode Required

    Specifies the contents of the container

  • fluid boolean

    Fill all available space at any breakpoint

    Defaulttrue
  • bsPrefix string

    Overrides underlying component base CSS class name

    Default'container'
  • size 'xs' | 'sm' | 'md' | 'lg' | 'xl'

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

Usage Insights#

Container

Project NameParagon VersionInstance Count
edx-ora221.13.11
frontend-app-account23.14.82
frontend-app-admin-portal22.20.318
frontend-app-communications23.12.24
frontend-app-authn23.14.94
frontend-app-communications23.14.21
frontend-app-course-authoring23.14.934
frontend-app-enterprise-public-catalog22.20.54
frontend-app-discussions23.14.88
frontend-app-learner-record23.14.81
frontend-app-library-authoring21.11.33
frontend-app-learner-record23.4.51
frontend-app-payment22.9.012
frontend-app-publisher23.14.82
frontend-app-support-tools23.4.23
frontend-component-header-edx23.6.11
catalog-search22.20.51
frontend-lib-special-exams23.4.212
frontend-platform23.4.31
frontend-template-application23.14.81