import { Section } from "@styple/design-system";
<Section
css={{
display: "flex",
alignItems: "flex-start",
width: "100%",
gap: "$md",
}}
>
<Container css={{ width: "100%", height: "$lg", bg: "$bg300" }} />
<Container css={{ width: "100%", height: "$lg", bg: "$bg300" }} />
</Section>
A styled component wrapper for Container with size variants. Custom props:
| Prop | Type | Default | Explanation |
|---|---|---|---|
size | string | "sm" |
Size of the section (vertical padding). |