Laravel Callout Component

Free · MIT

An admonition inside prose — a note, a tip, a warning that belongs to the document rather than to the moment.

A Callout 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::callout>

Try it live in the docs Install free

Installation

composer require bluestarsystem/aura-ui

Usage

<x-aura::callout variant="tip" title="Worth knowing">
    The CLI copies the component into your application.
</x-aura::callout>

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

Overview

<x-aura::callout> is the prose counterpart of alert.

An alert reports what just happened and often needs announcing. A callout is part of the document — a note in a guide, a warning in a changelog — and is read in its turn.

Props

Prop	Type	Default	Description
`variant`	`string`	`'note'`	`note`, `tip`, `info`, `warning`, `danger`.
`title`	`string\|null`	`null`	Bold line above the body.
`icon`	`string\|null`	`null`	Overrides the icon the variant would choose.