Stack

Install

npx stylesheet-ui add stack

Usage

import { Stack, HStack, VStack } from "@/components/ui/stack";

<VStack gap="md">
  <Card />
  <Card />
</VStack>

<HStack gap="sm" align="center" justify="between">
  <Badge>Active</Badge>
  <Button size="sm">Edit</Button>
</HStack>

<Stack direction="row" gap="sm" wrap>
  {tags.map((t) => <Badge key={t}>{t}</Badge>)}
</Stack>