Skip to content

No results for

↑ ↓ navigate ↵ open Esc close 
php artisan aura:add reading-meta

Copies the component source into resources/views/components/aura/. Run php artisan aura:init first if you haven't already. See the CLI guide for all options.

composer require bluestarsystem/aura-ui
php artisan aura:install

Full installation instructions in the Installation guide.

Pro Component — This component requires an Aura UI Pro license.

Overview

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

Basic Usage

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

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.

Accessibility

  • The reading time is written out — "10 min read" — rather than left as an icon beside a number. It is the figure that decides whether someone starts now or saves it for later.