Larabell

Integrate livewire with sweetalert.

• Installation
• How to use
• Sweetalert
• Toast
• Available configuration

Installation

composer require simtabi/larabell

How to use

1. Add LarabellServiceProvider in config/app.php

    ...
    \Simtabi\Larabell\LarabellServiceProvider::class
    ...

2. Include javascript

    ...
    // place this directive in the header
    @larabellCss

    // no need to call this, as it has already been called when you call @larabellScripts
    @larabellInit
    ...

3. Extra config file

Publish the configs: php artisan vendor:publish --tag=larabell:assets. Publish the configs: php artisan vendor:publish --tag=larabell:config. Publish the configs: php artisan vendor:publish --tag=larabell:views.

See available configuration

Building toasts and sweetalerts

To make it easy to build toasts and sweetalerts, we have implemented chained methods to help you with building

Sweetalert

In your component add Toast trait. Then call toast method whenever you want.

use Simtabi\Larabell\HasLarabell;
use Livewire\Component;

class MyComponent extends Component
{
    use HasLarabell;

    public function save() {
        $this->fireSweetalertModal();
    }

}

sweetalert parameters:

• title
• icon: success, error, warning, info, question - default is info
• timeout: in milliseconds, default is 5000

Toast

This is the normal sweetalert modal. In your component add Fire trait. Then call fire method whenever you want.

use Simtabi\Larabell\HasLarabell;
use Livewire\Component;

class MyComponent extends Component
{
    use HasLarabell;

    public function save() {
        $this->fireToastNotification();
    }

}

toast parameters:

Refer to the documentation online at: https://github.com/kamranahmedse/jquery-toast-plugin

Credits

• https://github.com/coderello/laraflash
• https://github.com/tjmugova/laravel-flash
• https://github.com/mattlibera/livewire-flash