import { Stack } from "design-system";
import { Stack } from "design-system";

<Stack space="10px">
  <div style={{ width: 10, height: 10, background: "red" }} />
  <div style={{ width: 10, height: 10, background: "red" }} />
</Stack>
<Stack space="10px">
  <div style={{ width: 10, height: 10, background: "red" }} />
  <div style={{ width: 10, height: 10, background: "red" }} />
</Stack>

Props

Name	Description	DefaultValue	required	type
space	-	10px	false	string
direction	-	row	false	"row" | "column"
align	-	-	false	"start" | "end" | "center" | "stretch"
justify	-	-	false	"start" | "end" | "center" | "space-between" | "space-around"

Space

<Stack space="10px">
  <div style={{ width: 10, height: 10, background: "red" }} />
  <div style={{ width: 10, height: 10, background: "red" }} />
</Stack>
<Stack space="10px">
  <div style={{ width: 10, height: 10, background: "red" }} />
  <div style={{ width: 10, height: 10, background: "red" }} />
</Stack>

Edit this page