Stack

import { Stack } from "@/components/ui";

1<Stack direction="row" gap="md">
2  <Button>Button 1</Button>
3  <Button>Button 2</Button>
4  <Button>Button 3</Button>
5</Stack>

1<Stack gap="xs">Extra small gap</Stack>
2<Stack gap="sm">Small gap</Stack>
3<Stack gap="md">Medium gap (default)</Stack>
4<Stack gap="lg">Large gap</Stack>
5<Stack gap="xl">Extra large gap</Stack>

1<Stack direction="row" align="center" justify="between" className="w-full">
2  <Logo />
3  <nav className="flex gap-4">
4    <NavLink href="/home">Home</NavLink>
5    <NavLink href="/about">About</NavLink>
6  </nav>
7  <Button>Sign In</Button>
8</Stack>