This is a laravel notification wrapper build with http://izitoast.marcelodolce.com javascript library.
-
Change the configuration on lara-izitoast.php config dir.
-
Get the package via composer
composer require appslabke/lara-izitoast- if you are not using Laravel 5.5 or higher add the service provider in your app.php under providers, in config dir.
'providers' => [
LaraIzitoast\LaraIzitoastServiceProvider::class,
]If you are using Laravel 5.5 and above, the package will be auto-discovered by laravel
- Publish Lara-Izitoast package
php artisan vendor:publish --provider="LaraIzitoast\LaraIzitoastServiceProvider"
-
http://izitoast.marcelodolza.com CSS and JS files will be published in your public dir.
-
This will also create a config file. You can change the notification size from config
-
On your layout blade add the files
<head>
.....
<link href="{{ asset('css/iziToast.css') }}" rel="stylesheet">
.....
</head>
<body>
.....
<script src="{{ asset('js/iziToast.js') }}"></script>
.....
<body/>
- Include the package view file in Layout blade below the iziToast js
@include('vendor.lara-izitoast.toast')
- Remember to add also font-awesome or Icomoon https://fontawesome.com/?from=io / https://icomoon.io/ if you are going to use icons
- Quick way to make a toast (notification)
notify("Quick notification");
or
notify("Let's make a toast","Toast","info","topRight");
- Notification Methods
notify()->success("Message","Title","position", "icon);
notify()->success("Success notification test","Success","topRight");
notify()->error("Error notification test","Error","topLeft");
notify()->warning("Warning notification test","Warning","bottomLeft");
notify()->info("Info notification test","Info","bottomRight");
return view('welcome');
- And that's it.
Lara-Izitoast is distributed under the MIT license.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent