<h6 class="subtitle is-5 has-text-grey has-text-weight-semibold">Component</h6><h1 class="title is-1 has-text-weight-bold">Spacer</h1>
<p class="subtitle is-5">
    <span class="has-text-weight-semibold">Spacer</span> – aka Divider – is a visual helper for grouping related content together. It is used to define thematic changes in a layout.
</p>

<hr class="is-large is-visible">

<div class="box has-background-light is-relaxed is-marginless">
    <hr class="is-visible">
</div>

    <hr class="is-visible">

<br>

?> By default a spacer uses negative space to create a seperation. Use the `is-visible` class to show an explicit line division (divider).


<hr class="is-visible">

<h2 class="title is-4">Sizes</h2>

You can increase or decrease the size of a spacer using `is-smaller`, `is-small` or `is-large`.
