Laravel Center Component

Free · MIT

Centres its content on one or both axes.

A Center 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::center>

Try it live in the docs Install free

Installation

composer require bluestarsystem/aura-ui

Usage

<x-aura::center min-height="60vh">
    <x-aura::empty-state title="No orders yet" />
</x-aura::center>

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

Overview

<x-aura::center> puts its child in the middle. It is most useful for the states that have no layout of their own: an empty result set, a spinner, a "not found" panel.

Props

Prop	Type	Default	Description
`axis`	`string`	`'both'`	`both`, `horizontal`, `vertical`.
`min-height`	`string\|null`	`null`	Any CSS length, e.g. `60vh`. Vertical centring needs a height to centre within.