PrimitivesFeedbackAlert

Alert

Persistent inline banner for a state callout that stays until the underlying state changes.

<koala-alert>

Color

color="Info"

Heads up

Information that's worth knowing but doesn't require action.

color="Success"

Saved

Your changes have been recorded.

color="Warning"

Out-of-date version

You're viewing version 2; the latest is version 3.

color="Danger"

Action required

We couldn't reach Hoowla. Sync is paused until the connection is restored.

color="Ai" — Joey speaking, not a status

Joey's read (your firm only)

The seller's solicitor has answered this one before, on 12 Oak Lane, and the answer was the same both times.

Content

Title + body

Closed reason

The client withdrew before exchange. Quote archived 14 May 2026.

Body only

Skip the title attribute when one line is enough.

icon="Mail"

Email sent

A copy of this quote was emailed to the client at the address on file.

Action

Your email isn't fully set up yet

Finish DNS verification and the mailbox check so your outbound emails start reaching customers' inboxes.

Go to email settings

Dismissible

dismiss-key="..."

New feature: bulk quote actions

Select multiple quotes from the list view to archive, reassign, or export them in one go.

Environment banner

TEST ENVIRONMENT

position StickyFixed

API

color InfoSuccessWarningDanger

icon IconName

title string

action-href URL

action-text string

action-click Alpine expression

dismiss-key string (per-user dismissal key)

dismiss-action Alpine expression

preserve-newlines bool (for runtime free text that carries its own line breaks)

class Tailwind classes