Download the PHP package twiq/livewire-notify without Composer
On this page you can find all versions of the php package twiq/livewire-notify. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download twiq/livewire-notify
More information about twiq/livewire-notify
Files in twiq/livewire-notify
Package livewire-notify
Short Description Elegant notifications for Laravel with Livewire 3, TailwindCSS and Alpine.js
License MIT
Homepage https://github.com/twiq/laravel-notifications
Informations about the package livewire-notify
Twiq - Elegant Laravel Notifications
Twiq .
✨ 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
- PHP 8.1+
- Laravel 10.0+ ou 11.0+
- Livewire 3.0+
- TailwindCSS 3.x
- Alpine.js 3.x
🚀 Instalação
Publicar Arquivos
Configurar Assets
Adicione o JavaScript do Twiq ao seu resources/js/app.js:
📖 Uso Básico
1. Adicionar o Componente
Adicione o componente Twiq ao seu layout principal:
2. Disparar Notificações
Em Componentes Livewire
Em Controllers
JavaScript/Alpine.js
🎨 Tipos de Notificação
Tipos Disponíveis
Notificações Personalizadas
⚙️ Configuração
O arquivo config/twiq.php permite personalizar completamente o comportamento:
🎯 Funcionalidades Avançadas
Notificações Persistentes
Posicionamento Personalizado
Agrupamento de Notificações
Quando habilitado, notificações similares são agrupadas automaticamente:
Integração com Formulários
🌐 Internacionalização
Traduções Disponíveis
- Português (pt)
- Inglês (en)
Personalizando Traduções
🎵 Som
Para habilitar feedback sonoro:
Os sons são gerados automaticamente usando Web Audio API e são diferentes para cada tipo de notificação.
🧪 Testes
Exemplo de Teste
🎨 Personalização de Estilos
O Twiq usa classes TailwindCSS padrão. Para personalizar:
📱 Responsividade
O Twiq é totalmente responsivo:
- Desktop: Notificações posicionadas conforme configuração
- Mobile: Notificações ocupam toda a largura com margens laterais
- Tablet: Comportamento híbrido inteligente
🔧 Integração com Outros Pacotes
Laravel Flash Messages
Validation Errors
🤝 Contribuindo
Contribuições são bem-vindas! Por favor:
- Fork o projeto
- Crie uma branch para sua feature
- Commit suas mudanças
- Push para a branch
- Abra um Pull Request
📄 Licença
Este pacote é open-source licenciado sob MIT license.
🙏 Créditos
- Twiq Team
- Laravel - Framework incrível
- Livewire - Reatividade moderna
- TailwindCSS - Styling utilities
- Alpine.js - JavaScript reativo
📞 Suporte
Para suporte, abra uma issue ou entre em contato:
- Email: [email protected]
Feito com ❤️ pela equipe Twiq
All versions of livewire-notify with dependencies
illuminate/support Version ^10.0|^11.0|^12.0
livewire/livewire Version ^3.0