Skip to main content

Container

The Container component is used for centering and horizontally padding data contents.

info

For more details about Vuetify’s usage of Container component, click Container page.
For more prop explanations, click Vuetify Container API page.

Props

AttributeDescriptionTypeDefault
classProp that determines the class to add to the Container.string‘container container–fluid’
eagerProp that determines if the page content will be rendered or not.booleanTrue
inheritedDisabledEnsures that all child elements inherit and respect the disabled state when defined at the parent level.booleanfalse
inheritedReadonlyEnsures that all child elements inherit and respect the readonly state when defined at the parent level.booleanfalse
visibleVisibility of Container component.booleantrue

Mobile Usage

On mobile, except for dynamic screens, you should use only one Container.

Samples QJson

Container