Documentation
Feedback
Guides
VTEX IO Apps

VTEX IO Apps
Deprecated
Container

{"base64":"  ","img":{"width":73,"height":20,"type":"svg","mime":"image/svg+xml","wUnits":"px","hUnits":"px","length":927,"url":"https://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/images/vtex-store-components-container-0.png"}}

Warning

The Container block has been deprecated. Despite this, support for it is still granted.

Container is a VTEX component that is used to wrap code, applying custom styles in the process. Is used throughout the apps in the store to apply similar behavior. This component can be imported and used by any VTEX app.

Usage

You should follow the usage instruction in the main README.

To import it into your code:


_10
import { Container } from 'vtex.store-components'

You can use it in your code like a React component with the jsx tag: <Container>.


_10
<Container className="my-section">
_10
My content
_10
</Container>

Configuration

Prop nameTypeDescription
classNameStringThe tachyons classes to be applied in the container
childrenNodeThe content to be wrapped

Styles API

You should follow the Styles API instruction in the main README.

CSS Namespaces

For now this component does not have any css namespaces.

Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Was this helpful?
Yes
No
Suggest edits (Github)
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
On this page