Aura Wire

Livewire UI Kit

Typography

Component

Blockquote

Editorial quotation component with customizable border accents, author attribution, publication citation, and avatar metadata.

Component Syntax

blade 
<x-aura::blockquote author="Alex River" cite="Engineering Director">
    Simplicity is prerequisite for reliability.
</x-aura::blockquote>

1. Standard Blockquote with Attribution

blade

Simplicity is prerequisite for reliability. Complex systems always break in unforeseen manners.

Edsger W. Dijkstra • Turing Award Winner

2. Blockquote with Avatar

blade

Aura Wire completely revolutionized how our engineering team builds dashboards and internal tools.

Sarah Connor
Sarah Connor • Director of Product

3. Size Scales

blade

Design is not just what it looks like and feels like. Design is how it works.

Steve Jobs

Perfection is achieved not when there is nothing more to add, but when there is nothing left to take away.

Antoine de Saint-Exupéry

Make it work, make it right, make it fast.

Kent Beck

4. Card Testimonial Pattern

blade

The component composition in Aura Wire strikes the perfect balance between developer flexibility and design consistency.

Michael Vance
Michael Vance • Lead Architect

Component Props

Available properties and configurations for the blockquote component.

Prop Default Available Values

author

null

Author name string

cite

null

Citation or title string

avatar

null

Image URL string

variant

default
default subtle accent dark

size

md
sm md lg xl

border

true
true false