# Spacer
Flex-friendly gap that expands or shrinks between siblings without extra margin or padding. Use spacers to push items apart in toolbars and rows.
### Props
| Name | Type | Default | Description |
|------|------|---------|-------------|
| _(none)_ | | | |

### Slots
- _(none)_

### Events
- _(none)_

### Demos
#### Usage
```vue
<template>
  <div class="flex items-center border p-4 rounded-md space-x-4">
    <div>Hi!</div>
    <x-spacer/>
    <div>Am I spaced enough?</div>
    <x-button>Yes!</x-button>
  </div>
</template>
```

HTML docs: https://indielayer.com/component/spacer