export default function Example() {
return (
<Box
css={{
width: "100%",
}}
>
<Box
css={{
width: "100%",
display: "flex",
alignItems: "center",
gap: "$100",
marginBlock: "$200",
}}
>
<Box css={{ color: "$accessible", fontWeight: "$normal" }}>
Horizontal
</Box>
<Divider variant="strong" />
</Box>
<Box
css={{
width: "100%",
height: "188px",
display: "flex",
alignItems: "center",
justifyContent: "center",
gap: "$100",
marginBlock: "$200",
}}
>
<Box css={{ color: "$accessible", fontWeight: "$normal" }}>
Vertical
</Box>
<Divider variant="strong" orientation="vertical" />
</Box>
</Box>
);
}
To enter the code editing mode, press Enter. To exit the edit mode, press Escape
You are editing the code. To exit the edit mode, press Escape