Stack
Flex column or row with a gap on the spacing scale. HStack and VStack are shorthands; direction="responsive" stacks on phones.
import { Stack, HStack, VStack } from "pleate/stack";Rows, columns, responsive
1
2
3
A
B
Stacks on phones
Lines up from md
Props
- direction
Main axis.
"column" | "row" | "responsive"default "column"- gap
Spacing steps of 0.25rem.
numberdefault 4- align / justify
Cross and main axis alignment.
flex keywords- wrap / inline / asChild
Wrapping, inline-flex, render on your element.
boolean