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-account22.16.02
frontend-app-admin-portal22.17.018
frontend-app-authn22.16.21
frontend-app-communications22.16.11
frontend-app-course-authoring22.16.142
frontend-app-enterprise-public-catalog21.13.14
frontend-app-learner-dashboard22.16.12
frontend-app-learner-portal-enterprise21.13.131
frontend-app-learner-record22.14.01
frontend-app-learning22.16.11
frontend-app-library-authoring21.11.32
frontend-app-ora-grading22.16.21
frontend-app-support-tools21.13.111
frontend-component-header-edx21.13.11
frontend-component-header23.4.22
catalog-search22.17.01
frontend-lib-special-exams23.4.212
frontend-platform23.4.21
frontend-template-application22.16.01