Skip to content

No results for

↑ ↓ navigate ↵ open Esc close 
php artisan aura:add spacer

Copies the component source into resources/views/components/aura/. Run php artisan aura:init first if you haven't already. See the CLI guide for all options.

composer require bluestarsystem/aura-ui
php artisan aura:install

Full installation instructions in the Installation guide.

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.

Basic Usage

Subtotal €129.00 
<x-aura::row class="rounded border border-aura-surface-200 p-3">
    <span class="text-sm">Subtotal</span>
    <x-aura::spacer />
    <strong class="text-sm">€129.00</strong>
</x-aura::row>
<x-aura::row>
    <span>Subtotal</span>
    <x-aura::spacer />
    <strong>€129.00</strong>
</x-aura::row>

Props

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

Notes

The spacer is aria-hidden: it carries no meaning, and a screen reader announcing an empty element would only be noise.

Prefer the gap prop of Stack and Row for the regular spacing between items. Reach for a spacer when one gap needs to differ from the rest.