Studiov0.6.0

Stack

Tier 1 — shadcn
Layout

Vertical (Stack/VStack) and horizontal (HStack) flex layout primitives with configurable gap.

Live Preview

Code

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

<Stack />

Variants

VStack
HStack

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • •Group form fields vertically
  • •Align icon and label in a row
  • •Build consistent spacing in card content

Do

  • ✓Use gap prop instead of manual margin
  • ✓Use HStack for row layouts, VStack for column

Don't

  • ✗Don't use for complex grid layouts — use CSS Grid
  • ✗Don't hard-code margins on children