Skip to content

Laravel Spacer Component

Free · MIT

Fixed or flexible empty space inside a row or a stack.

A Spacer built for the TALL stack — Blade, Livewire 3 & 4, Alpine.js and Tailwind CSS 4. Server-rendered by default and dark-mode ready. Aura's solid-background and border colours are contrast-tested against WCAG 2.1 AA/UI in CI, in both themes — see what's covered. Drop it in with a single Blade tag: <x-aura::spacer>

Installation

composer require bluestarsystem/aura-ui

Usage

<x-aura::row>
    <span>Subtotal</span>
    <x-aura::spacer />
    <strong>€129.00</strong>
</x-aura::row>

See the full API, props and live examples in the Spacer documentation.

Overview

<x-aura::spacer> inserts space. With a size it is a fixed gap; without one it absorbs whatever room is left, which is how you push the rest of a row to the far end.

Props

Prop Type Default Description
size string|null null xs, sm, md, lg, xl. Omit it to take all remaining space.

See more examples and every variant in the Spacer documentation.

Laravel-native
No JavaScript framework. Pure Blade, Livewire & Alpine.
Dark mode & themeable
Tailwind 4 CSS variables and a visual Theme Studio.
Accessible
Colour contrast tested against WCAG 2.1 AA/UI in CI; ARIA attributes on select components.