Components – Alerts

Success Alert #

Code:

<x-alerts.success :message="User has been deleted." />

Preview:

Error Alert #

Code:

<x-alerts.error :message="Something went wrong, Please try again later !" />

Preview:

Errors Alert – Multiple Error #

Code:

@if ($errors->any())
    <x-alerts.errors :errors="$errors" />
@endif

Preview:

We follows Penguion UI’s Alert component. Which is just a styling component using Alpine JS.

This articles covers how to add / show a simple beautiful alert message in your laravel blade view file. Its super easy using <x-alerts.[type] :message=”” />

You can find the above codes in the resources/view/components/alerts folder if you want to see.