Container
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:
_10import { 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 name | Type | Description |
---|---|---|
className | String | The tachyons classes to be applied in the container |
children | Node | The 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.