Laravel Container Component
Free · MITCentred, width-constrained page wrapper that keeps line length readable on wide screens.
A Container 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::container>
Installation
composer require bluestarsystem/aura-uiUsage
<x-aura::container>
<h1>Dashboard</h1>
</x-aura::container>See the full API, props and live examples in the Container documentation.
Overview
<x-aura::container> centres its content and caps its width, so text does not stretch into unreadable lines on a wide monitor. It is the outermost wrapper for most pages — put your sections inside it, not around it.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
size |
string |
'lg' |
Maximum width: sm, md, lg, xl, full. |
See more examples and every variant in the Container documentation.