Koala logo Design
Koala logo Design
No matches for “”
↑↓ navigate ↵ open Esc close
PrimitivesContain & overlayConfirm modal

Confirm modal

Confirmation dialog — backdrop, centered card, tone-coloured icon halo, an optional title and whatever the page puts inside it.

<koala-confirm-modal>

Confirm modal

tone="Danger"

Cancel quote?

This action cannot be undone.
tone="Success", actions tone="Primary"

Send to client?

The client receives the quote by email immediately.

API

flag string (Alpine boolean)
tone Tone (the icon halo)
icon IconName (defaults by tone)
title string
aria-label string (when there is no title)
x-on:koala:dismiss caller handler that closes its Alpine flag
koala-confirm-actions state RestLoadingSuccess
koala-confirm-actions x-bind:state caller Alpine expression