Components
Container
Code

Container

▸ Container(props): null | ReactElement<any, string | JSXElementConstructor<any>>

Wraps Content component to support Container Queries

Parameters

NameType
propsContainerProps & RefAttributes<HTMLDivElement (opens in a new tab)>

Returns

null | ReactElement<any, string | JSXElementConstructor<any>>

Example

<Container>
  <Content>...</Content>
</Container>
import React from 'react'
import { Container } from '@vtex/shoreline-components'
import { Content } from '@vtex/shoreline-components'
export default function App() { return (<><Container> <Content>...</Content></Container></>)}
Open on CodeSandboxOpen Sandbox

Defined in

node_modules/.pnpm/@types+react@18.2.14/node_modules/@types/react/ts5.0/index.d.ts:355

PropsProps