Components
Quote
A styled blockquote / testimonial with optional author, role and avatar.
php artisan blatui:add quote
BlatUI let us ship a polished, accessible UI in days — and we own every line of it. No black boxes, no lock-in, just Blade we can read.
Sofia Davis
Founder, Acme
<x-ui.quote
author="Sofia Davis"
role="Founder, Acme"
avatar="https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=160&q=80"
>
BlatUI let us ship a polished, accessible UI in days — and we own every line of it.
No black boxes, no lock-in, just Blade we can read.
</x-ui.quote>Plain
Design is not just what it looks like and feels like. Design is how it works.
{{-- Without attribution — just the blockquote. --}}
<x-ui.quote class="text-center">
Design is not just what it looks like and feels like. Design is how it works.
</x-ui.quote>API Reference
Props, slots and exposed methods for
<x-ui.quote>.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
author |
string
|
— | Name of the person quoted, shown in the attribution and used as the avatar alt text. |
role |
string
|
— | The author's title or company, shown under the name. |
avatar |
string
|
— | URL of the author's photo, shown as a round thumbnail beside the attribution. |
cite |
string
|
— | URL the quote is sourced from. Sets the cite attribute on the <blockquote>. |
Slots
| Slot | Description |
|---|---|
default |
The quote text rendered inside the <blockquote>. The attribution figcaption only appears when author, role or avatar is set. |