1. Go to this page and download the library: Download usernotnull/tall-toasts library. Choose the download type require.
2. Extract the ZIP file and open the index.php.
3. Add this code to the index.php.
<?php
require_once('vendor/autoload.php');
/* Start to develop here. Best regards https://php-download.com/ */
usernotnull / tall-toasts example snippets
toast()
->info('I will appear only on the next page!')
->pushOnNextPage();
toast()
->info('Notification from the backend...', 'The Title')
->push();
toast()
->success('A toast without a title also works')
->push();
toast()
->warning('Watch out!')
->push();
toast()
->danger('I warned you!', 'Yikes')
->push();
toast()
->danger('I will go…<br><i>to the next line 💪</i>', 'I am <span style="color:red;">HOT</span>')
->doNotSanitize()
->push();
toast()
->debug('I will NOT show in production! Locally, I will also log in console...', 'A Debug Message')
->push();
// debug also accepts objects as message
toast()
->debug(User::factory()->createOne()->only(['name', 'email']), 'A User Dump')
->push();
toast()
->success('This toast will display only for 3 seconds')
->duration(3000)
->push();
toast()
->success('This toast will display until you remove it manually')
->sticky()
->push();
use Livewire\Component;
use Usernotnull\Toast\Concerns\WireToast;
class DemoComponent extends Component
{
use WireToast; // <-- add this
public function sendCookie(): void
{
toast()
->success('You earned a cookie! 🍪')
->pushOnNextPage();
redirect()->route('dashboard');
}
return [
/*
* How long each toast will be displayed before fading out, in ms
*/
'duration' => 5000,
/*
* How long to wait before displaying the toasts after page loads, in ms
*/
'load_delay' => 400,
];
js
// use `purge` instead of `content` if using TailwindCSS v2.x
content: [
'./vendor/usernotnull/tall-toasts/config/**/*.php',
'./vendor/usernotnull/tall-toasts/resources/views/**/*.blade.php',
// etc...
]