Чари Laravel Toastr

Перекладено ШІ
Оригінал: Laravel News
Оновлено: 22 квітня, 2025
Відкрийте для себе Laravel Toaster Magic – легкий і потужний пакет для вашого Laravel-додатку, який дозволяє створювати кастомізовані сповіщення. Як інтегрувати цей пакет у ваш проект і підвищити зручність використання для ваших користувачів? Читайте далі

Laravel Toaster Magic, розроблений Мухаммадом Рабіулом, — це легкий, потужний та гнучкий пакет для Laravel, який покликаний покращити взаємодію з користувачем завдяки налаштовуваним сповіщенням у форматі тостів

# Особливості

Щоб розпочати роботу з Laravel Toaster Magic у вашому проєкті, встановіть його через Composer:

composer require devrabiul/laravel-toaster-magic

Далі опублікуйте ресурси пакета:

php artisan vendor:publish --provider="Devrabiul\ToastMagic\ToastMagicServiceProvider"

Нарешті, у вашому шаблоні Blade додайте {!! ToastMagic::styles() !!} до тегу <head> та {!! ToastMagic::scripts() !!} перед закриваючим тегом </body>. Наприклад:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Сторінка</title>
 
    {!! ToastMagic::styles() !!}
</head>
<body>
    // Ваш контент
 
    {!! ToastMagic::scripts() !!}
</body>
</html>

У методі контролера ви можете викликати тост:

use Devrabiul\ToastMagic\Facades\ToastMagic;
 
class TeamController extends Controller
{
    public function store()
    {
        // Ваша логіка
        ToastMagic::success('Команду додано успішно!');
 
        return redirect("/teams");
    }
}

Окрім success, ви також можете використовувати error, warning та info для створення тостів

Якщо вам потрібно викликати сповіщення у JavaScript, це можна зробити наступним чином:

const toast = new ToastMagic();
 
// Показати успішний тост
toast.success("Успіх!", "Ваші дані збережено!");

Дізнайтеся більше про цей пакет та перегляньте вихідний код на GitHub