stack

Stack is a layout component that makes it simple to stack children together with space between. It uses flex and gap.

Import

import { Stack, HStack, VStack } from '@xpanseinc/nebula'

Usage

To stack components horizontally or vertically, use HStack or VStack, or specify direction in Stack.

<HStack spacing={16}>
  <Box>
    1
  </Box>

  <Box>
    2
  </Box>

  <Box>
    3
  </Box>
</HStack>