Container
Container component documentation.
Usage
import { Container } from "@aqqo/aqqo-ui";<Container>
Content
</Container>The Container component is used to wrap content in a container with set paddings. On mobile, the container is full width with a padding of 24px on the left and right. On tablet and desktop, the container has a horizontal padding of 36px and vertical padding of 48px.
Demo
Resize your screen to see the responsiveness of the container. For demonstration purposes, the container has a border and background color.
Content
Props
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | - | Additional CSS classes for custom styling. |
children | ReactNode | - | Content to wrap. |
...props | HTMLAttributes<HTMLDivElement> | - | Inherited div attributes. |