Чари Laravel Toastr

3
Перекладено ШІ
Оригінал: Laravel News
Оновлено: 17 грудня, 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

Популярні

Logomark Logotype

Інтеграція Laravel Socialite з бібліотекою Google Client PHP

Ви хочете навчитися, як інтегрувати Google OAuth у вашому проекті Laravel, використовуючи Socialite? Дізнайтеся, як налаштувати доступ до сервісів Google, таких як Календар, у нашій сьогоднішній статті

Logomark Logotype

Випущено Livewire 3.6

Laravel Livewire випустив нову версію 3.6, яка приносить з собою цікаві HTML-директиви для управління видимістю DOM-елементів і JavaScript-діями. Досліджуйте нові можливості Livewire, що допоможуть вам створити ще більш інтерактивні користувацькі інтерфейси!

Logomark Logotype

4 поширені помилки Vite у Laravel

Використання Vite для створення фронтенд-ресурсів у вашому додатку Laravel може бути захоплюючим, але іноді ви можете стикнутися з певними помилками. У цій статті ми розглянемо чотири поширені помилки, з якими ви можете зіткнутися, а також підкажемо способи їх усунення, щоб ви могли знову зосередитися на розробці вашого додатку