Skip to content

Laravel Reading Meta Component

Pro

The byline: who, when, and how long it takes.

A Reading Meta 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::reading-meta>

Installation

composer require bluestarsystem/aura-ui

The Reading Meta is part of Aura Pro, installed via your private Composer (Satis) access after purchase. See pricing →

Usage

<x-aura::reading-meta author="Ada Lovelace" published="7 August 2026" datetime="2026-08-07" :words="2200" category="Engineering" />

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

Overview

<x-aura::reading-meta> sits under the title of an article.

Props

Prop Type Default Description
author string|null null Name, with an avatar if given.
avatar string|null null Photo URL.
published string|null null What the reader sees.
datetime string|null null ISO 8601 for the <time> element.
readingTime int|null null Minutes. Overrides the calculation.
words int|null null Used to work out the reading time at 220 wpm.
category string|null null Rendered as a badge.

See more examples and every variant in the Reading Meta documentation.

Laravel-native
No JavaScript framework. Pure Blade, Livewire & Alpine.
Dark mode & themeable
Tailwind 4 CSS variables and a visual Theme Studio.
Accessible
Colour contrast tested against WCAG 2.1 AA/UI in CI; ARIA attributes on select components.