Skip to main content

Container

The Container component is a layout component that can be used to create a responsive container for your content.

Import

import { Container } from '@vortexlabs/vortex';
import type { ContainerProps } from '@vortexlabs/vortex';

Display

<Container paddingInline={4}>{children}</Container>

Other links

Component properties
PropTypeDefaultAttributes
as
keyof React.JSX.IntrinsicElements
"div"
width
union
No default value
maxWidth
union
"100%"
padding
number
No default value
paddingInline
number
No default value
paddingBlock
number
No default value
paddingTop
number
No default value
paddingBottom
number
No default value
children
React.ReactNode
No default value
className
union
No default value
attributes
object
No default value