Container query context
React
Usage
import { CQ } from '@zalify-ui/react'
<CQ name="sidebar" type="inline-size">
<div>Responds to container width</div>
</CQ>
Props
| Prop | Default | Type |
|---|---|---|
name | ConditionalValue<Token<'containerNames'> | CSSProperties['containerName']>The name of the container for container queries. | |
type | ConditionalValue<CSSProperties['containerType']>The container type (e.g. 'inline-size', 'size'). |