---
name: HorizontalGutter
menu: UI Kit
---

import { Playground } from "docz";
import HorizontalGutter from "./HorizontalGutter";
import Button from "../Button";

# Spinner

## Usage

<Playground>
  <HorizontalGutter spacing={2}>
    <div style={{ backgroundColor: "grey", height: "30px" }} />
    <div style={{ backgroundColor: "grey", height: "30px" }} />
    <div style={{ backgroundColor: "grey", height: "30px" }} />
  </HorizontalGutter>
</Playground>

<Playground>
  <HorizontalGutter spacing={4}>
    <div style={{ backgroundColor: "grey", height: "30px" }} />
    <div style={{ backgroundColor: "grey", height: "30px" }} />
    <div style={{ backgroundColor: "grey", height: "30px" }} />
  </HorizontalGutter>
</Playground>

<Playground>
  <HorizontalGutter spacing={6}>
    <div style={{ backgroundColor: "grey", height: "30px" }} />
    <div style={{ backgroundColor: "grey", height: "30px" }} />
    <div style={{ backgroundColor: "grey", height: "30px" }} />
  </HorizontalGutter>
</Playground>
