Laravel Toaster Magic

Laravel Open Source Pacotes PHP Webdev
Laravel Toaster Magic

O Laravel Toaster Magic, criado por Muhammad Rabiul, é um pacote Toaster leve, poderoso e flexível para aplicativos Laravel, projetado para melhorar a experiência do usuário com notificações Toaster personalizáveis.

Características

  • Pacote Toaster fácil de usar: gerenciamento de arquivos simples e intuitivo para Laravel.
  • Suporte RTL: Totalmente compatível com idiomas escritos da direita para a esquerda (RTL).
  • Suporte ao modo escuro: modo escuro contínuo para uma melhor experiência do usuário.
  • Notificações personalizáveis: personalize mensagens de notificação para atender às necessidades do seu aplicativo.

Para começar a usar o Laravel Toaster Magic em seu projeto, instale-o via Composer: 

composer require devrabiul/laravel-toaster-magic

Em seguida, publique os recursos do pacote: 

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

Por fim, no seu modelo Blade, adicione {!! ToastMagic::styles() !!} à tag e {!! ToastMagic::scripts() !!} logo antes da tag de fechamento. Por exemplo: 

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pagetitle>
 
    {!! ToastMagic::styles() !!}
head>
<body>
    // Your Content
 
    {!! ToastMagic::scripts() !!}
body>
html>

Dentro de um método Controller, você pode então acionar um toast: 

use Devrabiul\ToastMagic\Facades\ToastMagic;
 
class TeamController extends Controller
{
    public function store()
    {
        // Your logic
        ToastMagic::success('Team added successfully!');
 
        return redirect("/teams");
    }
}

Além de success , você também pode acionar error , warning e info toasts.

Se você precisar acionar uma notificação toast em JavaScript, você pode fazer isso da seguinte maneira: 

const toast = new ToastMagic();
 
// Show a success toast
toast.success("Success!", "Your data has been saved!");

Saiba mais sobre este pacote e veja o código-fonte no GitHub.

« Artigo anterior
Ler original Ver outros
Próximo artigo »
«
Ler original Ver outros
»