Stack

Flex stack for vertical/horizontal layouts.

Import

import { ZStack, ZVStack, ZHStack } from "@zurto/ui";

Usage

<ZVStack gap="md">
  <div>Item 1</div>
  <div>Item 2</div>
</ZVStack>

<ZHStack gap="lg" align="center">
  <span>Left</span>
  <span>Right</span>
</ZHStack>

Props

Prop	Type	Default	Description
direction	'row' | 'column'	'column'	Flex direction
gap	'none' | 'sm' | 'md' | 'lg'	'md'	Gap between items
align	'start' | 'center' | 'end' | 'stretch'	–	Align items
justify	'start' | 'center' | 'end' | 'between'	–	Justify content