Alert - Canvas Design System

Variants

This is an informational message.

Your changes have been saved successfully!

Please review the form before submitting.

An error occurred. Please try again.

<?= ws_alert('Your changes have been saved!', ['variant' => 'success']) ?>
<?= ws_alert('Please review the form', ['variant' => 'warning']) ?>
<?= ws_alert('An error occurred', ['variant' => 'error']) ?>

With Title

Session Expiring

Your session will expire in 5 minutes. Save your work to avoid losing changes.

Verification Required

Check your email for a confirmation link to complete registration.

<?= ws_alert('Message here', [
    'variant' => 'warning',
    'title' => 'Alert Title'
]) ?>

Dismissible

You can dismiss this alert by clicking the X button.

Heads Up

This warning can be dismissed when acknowledged.

<?= ws_alert('Message', ['dismissible' => true]) ?>

With Actions

Update Available

A new version is available. Update now to get the latest features.

Update Now Learn More

<?= ws_alert('Message', [
    'variant' => 'info',
    'actions' => [
        ['text' => 'Action', 'href' => '/url'],
        ['text' => 'Another', 'onclick' => 'doSomething()']
    ]
]) ?>

Filled Variant

Information with filled background.

Success with filled background.

Warning with filled background.

Error with filled background.

<?= ws_alert('Message', ['variant' => 'success', 'filled' => true]) ?>

Without Border

Alert without left border accent.

<?= ws_alert('Message', ['bordered' => false]) ?>