Skip to content

Laravel Reading Spine Component

Pro

The narrow column beside an article that follows the reader down.

A Reading Spine 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-spine>

Installation

composer require bluestarsystem/aura-ui

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

Usage

<x-aura::reading-spine>
    <x-aura::reading-bookmark size="sm" />
    <x-aura::reading-minimap :items="$headings" />
</x-aura::reading-spine>

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

Overview

<x-aura::reading-spine> holds the bookmark, the minimap and anything else that should stay in view.

Props

Prop Type Default Description
label string|null null Defaults to the translated "Reading tools".
position string 'left' left or right.

See more examples and every variant in the Reading Spine 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.