Phara UI v2.x

Callout

An alert or informational box used to highlight important messages.

Basic

Default informational callout.

Please read the documentation carefully before proceeding.
Blade
<x-ui::callout>
    Please read the documentation carefully before proceeding.
</x-ui::callout>
Types

Different styles for different semantic meanings.

Information message
Success message
Warning message
Danger message
Blade
<x-ui::callout type="info">Information message</x-ui::callout>
<x-ui::callout type="success">Success message</x-ui::callout>
<x-ui::callout type="warning">Warning message</x-ui::callout>
<x-ui::callout type="danger">Danger message</x-ui::callout>
With Title

Add a title to provide more context.

Warning: Action Required
Your subscription will expire in 3 days. Please renew to avoid service interruption.
Blade
<x-ui::callout type="warning" title="Warning: Action Required">
    Your subscription will expire in 3 days. Please renew to avoid service interruption.
</x-ui::callout>
Dismissible

Allow users to close the callout.

You can close this message by clicking the X on the right.
Blade
<x-ui::callout dismissible>
    You can close this message by clicking the X on the right.
</x-ui::callout>