PHPackages                             twiq/livewire-notify - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Mail & Notifications](/categories/mail)
4. /
5. twiq/livewire-notify

ActiveLibrary[Mail & Notifications](/categories/mail)

twiq/livewire-notify
====================

Elegant notifications for Laravel with Livewire 3, TailwindCSS and Alpine.js

v1.0.3(10mo ago)02[1 PRs](https://github.com/JoseQuembi1/twiq/pulls)MITPHPPHP ^8.1CI passing

Since Jul 8Pushed 5mo agoCompare

[ Source](https://github.com/JoseQuembi1/twiq)[ Packagist](https://packagist.org/packages/twiq/livewire-notify)[ Docs](https://github.com/twiq/laravel-notifications)[ RSS](/packages/twiq-livewire-notify/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependencies (4)Versions (5)Used By (0)

Twiq - Elegant Laravel Notifications
====================================

[](#twiq---elegant-laravel-notifications)

[![Latest Version on Packagist](https://camo.githubusercontent.com/88c7d2c7f46c20d1540c259631526a2487a7e902cc1cc72334e4322e1f7cd959/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f747769712f6c61726176656c2d6e6f74696669636174696f6e732e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/twiq/laravel-notifications)[![Total Downloads](https://camo.githubusercontent.com/134814e770543b40db4944807a0a28cd814317858738b7ca20620ce5d90a3db7/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f747769712f6c61726176656c2d6e6f74696669636174696f6e732e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/twiq/laravel-notifications)[![License](https://camo.githubusercontent.com/106d01501f5fef705ff4953aa082d82098a23528b8bc465d62b8e97c0840b5ed/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f747769712f6c61726176656c2d6e6f74696669636174696f6e732e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/twiq/laravel-notifications)

**Twiq** .

✨ Características
-----------------

[](#-características)

- 🎨 **Design Moderno**: Interface limpa e elegante com TailwindCSS
- 🔄 **Reatividade**: Integração perfeita com Livewire 3 e Alpine.js
- 🎯 **Múltiplos Tipos**: Success, Error, Warning, Info
- ⏱️ **Auto-dismiss**: Notificações com temporizador automático
- 📌 **Persistentes**: Notificações que ficam até serem fechadas manualmente
- 🔄 **Prevenção de Duplicatas**: Sistema inteligente anti-spam
- 📱 **Responsivo**: Funciona perfeitamente em mobile e desktop
- 🌙 **Modo Escuro**: Suporte automático baseado no sistema
- 🔊 **Som**: Feedback sonoro opcional para notificações
- 🌐 **Multilíngue**: Suporte para múltiplos idiomas
- 📦 **Agrupamento**: Notificações similares podem ser agrupadas
- 🎭 **Animações**: Transições suaves e profissionais

📋 Requisitos
------------

[](#-requisitos)

- PHP 8.1+
- Laravel 10.0+ ou 11.0+
- Livewire 3.0+
- TailwindCSS 3.x
- Alpine.js 3.x

🚀 Instalação
------------

[](#-instalação)

```
composer require twiq/livewire-notify
```

### Publicar Arquivos

[](#publicar-arquivos)

```
# Publicar configuração
php artisan vendor:publish --tag=twiq-config

# Publicar views (opcional)
php artisan vendor:publish --tag=twiq-views

# Publicar assets JavaScript
php artisan vendor:publish --tag=twiq-assets

# Publicar traduções (opcional)
php artisan vendor:publish --tag=twiq-translations
```

### Configurar Assets

[](#configurar-assets)

Adicione o JavaScript do Twiq ao seu `resources/js/app.js`:

```
import './vendor/twiq/twiq.js';
```

📖 Uso Básico
------------

[](#-uso-básico)

### 1. Adicionar o Componente

[](#1-adicionar-o-componente)

Adicione o componente Twiq ao seu layout principal:

```

    @vite(['resources/css/app.css', 'resources/js/app.js'])

```

### 2. Disparar Notificações

[](#2-disparar-notificações)

#### Em Componentes Livewire

[](#em-componentes-livewire)

```