Laravel Header Component
Free · MITA page or section header with title, description, and an actions slot for buttons.
A Header built for the TALL stack — Blade, Livewire 3 & 4, Alpine.js and Tailwind CSS 4.
Server-rendered by default, dark-mode ready, and WCAG-minded. Drop it in with a single Blade tag:
<x-aura::header>
Installation
composer require bluestarsystem/aura-uiUsage
<x-aura::header title="Users" description="Manage your team members and their roles." />See the full API, props and live examples in the Header documentation.
Overview
The <x-aura::header> component renders a page or section header with a title, optional description, and an actions area. The layout places the title/description on the left and action buttons on the right, using flexbox alignment. It supports multiple sizes to adapt to page-level or section-level contexts.
Use header for:
- Page titles with action buttons (Create, Export)
- Section headers within cards or panels
- Dashboard area headings
- Settings page sections
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title |
string |
'' |
The heading text |
description |
string|null |
null |
Optional subtitle or description text below the title |
size |
string |
'md' |
Title size: sm, md, lg, xl |
Size mapping:
sm->text-lgmd->text-xllg->text-2xlxl->text-3xl
Slots
| Slot | Description |
|---|---|
actions |
Right-aligned area for buttons, links, or controls |
See more examples and every variant in the Header documentation.