README

Livewire G-Toaster

Minimalistic toasters for your laravel livewire application

Version Compatibility

PHP	Laravel	Livewire	G-Toaster
8.1, 8.2, 8.3	10.x, 11.x	3.0, dev-main	0.1.0

Installation

Step 1:

composer require gw1nblayd/livewire-gtoaster

Step 2:

Go to `resources/js/app.js` and add the following lines:

import GToaster from '../../vendor/gw1nblayd/livewire-gtoaster/src/resource/js/GToaster.js';


// All parameters are optional
GToaster.setParams({
  // Can be 'top-right', 'top-left', 'bottom-right', 'bottom-left'
  position: 'bottom-right',

  // Time in milliseconds
  timer: 3000,

  // Can be 'none', 'fade'
  animation: 'none',

  // Can be 'flat', 'blank'
  style: 'flat',

  // Can be 'dark', 'light'
  theme: 'dark',

  // Show icons in toasts
  showIcons: true,
});

Step 3:

Add `@gtoast` directive to your main layout file.

Example: resources/views/layouts/app.blade.php

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>G-Toaster</title>
</head>
<body>

@gtoast
</body>
</html>

How to use ?

In your livewire component

<?php
declare(strict_types=1);

namespace App\Livewire;

use Gw1nblayd\GToaster\Livewire\Traits\GToaster;
use Illuminate\View\View;
use Livewire\Component;

class TestComponent extends Component
{
    use GToaster;

    public function submit(): void
    {
        $this->toastSuccess('All is good');
        $this->toastError('Something went wrong');
        $this->toastInfo('Just an info message');
        $this->toastWarning('Be careful!');
    }
}

Examples:

License

The MIT License (MIT). Please see License File for more information.

gw1nblayd/livewire-gtoaster

包简介

关键字：

README 文档

README

Livewire G-Toaster

Version Compatibility

Installation

Step 1:

Step 2:

Go to `resources/js/app.js` and add the following lines:

Step 3:

Add `@gtoast` directive to your main layout file.

How to use ?

In your livewire component

Examples:

License

统计信息

GitHub 信息

其他信息

gw1nblayd/livewire-gtoaster

包简介

关键字：

README 文档

README

Livewire G-Toaster

Version Compatibility

Installation

Step 1:

Step 2:

Go to resources/js/app.js and add the following lines:

Step 3:

Add @gtoast directive to your main layout file.

How to use ?

In your livewire component

Examples:

License

统计信息

GitHub 信息

其他信息

Go to `resources/js/app.js` and add the following lines:

Add `@gtoast` directive to your main layout file.