Skip to content

Laravel Blockquote Component

Free · MIT

A quotation with its attribution, marked up as a figure.

A Blockquote 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::blockquote>

Installation

composer require bluestarsystem/aura-ui

Usage

<x-aura::blockquote author="Ada Lovelace" cite="https://example.com/letters">
    That brain of mine is something more than merely mortal.
</x-aura::blockquote>

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

Overview

<x-aura::blockquote> renders the quote inside <figure> with the attribution in <figcaption>.

That structure is deliberate: the author's name is about the quotation, it is not part of what was said. Putting it inside <blockquote> tells a screen reader that the speaker quoted their own name.

Props

Prop Type Default Description
author string|null null Attribution, rendered as the caption.
cite string|null null URL of the source, placed on the cite attribute.

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