Skip to content

Laravel Subheading Component

Free · MIT

Secondary descriptive text to pair with headings for additional context.

A Subheading 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::subheading>

Installation

composer require bluestarsystem/aura-ui

Usage

<x-aura::heading :level="2">Team Members</x-aura::heading>
<x-aura::subheading>Manage your team and their account permissions here.</x-aura::subheading>

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

Overview

The <x-aura::subheading> component renders muted, secondary text designed to appear below headings. It provides consistent typography for descriptions, subtitles, and supporting text throughout your application.

Use subheadings for:

  • Page or section descriptions below <x-aura::heading>
  • Card subtitles
  • Form section explanations
  • Any secondary descriptive text

Props

Prop Type Default Description
size string 'sm' Font size: sm, base, lg
as string 'p' HTML tag to render: p, span, div

See more examples and every variant in the Subheading documentation.

Laravel-native
No JavaScript framework. Pure Blade, Livewire & Alpine.
Dark mode & themeable
Tailwind 4 CSS variables and a visual Theme Studio.
Accessible
WCAG 2.1 AA-minded, keyboard and ARIA support.