Download the PHP package forever-prata/govbr-components-livewire without Composer
On this page you can find all versions of the php package forever-prata/govbr-components-livewire. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download forever-prata/govbr-components-livewire
More information about forever-prata/govbr-components-livewire
Files in forever-prata/govbr-components-livewire
Package govbr-components-livewire
Short Description Biblioteca de componentes Livewire com suporte a múltiplos Design Systems (GovBR, Bootstrap e Materialize).
License MIT
Informations about the package govbr-components-livewire
Biblioteca de Componentes Reutilizáveis para Laravel com Livewire Uma biblioteca modular de componentes reutilizáveis para aplicações Laravel utilizando Livewire, com suporte a múltiplos sistemas de design (Bootstrap e GOV.BR).
📋 Índice
- Instalação
- Configuração
- Sistemas de Design Suportados
- Componentes
- Automação com Scaffold
- Exemplos de Uso
- Personalização
- Suporte
- Licença
🚀 Instalação
-
Instalar dependências de frontend
-
Instalar a biblioteca via Composer
- Publicar os arquivos da biblioteca
⚙️ Configuração
-
Configurar pluralização em português No arquivo AppServiceProvider.php:
-
Configurar Vite No arquivo vite.config.js:
- Configurar o sistema de design No arquivo .env:
Valores possíveis: govbr ou bootstrap
🎨 Sistemas de Design Suportados GOV.BR Design System - Padrão visual do governo federal brasileiro
Bootstrap - Framework CSS amplamente utilizado
📦 Componentes
- Componente Botão Renderiza botões interativos ou links com diferentes estilos e comportamentos.
Parâmetros:
label (string) - Texto exibido no botão
type (string) - Tipo de estilo (primary, secondary, danger, etc.)
size (string) - Tamanho (small, large)
action (string) - Método Livewire a ser executado
href (string) - URL para navegação (transforma em link)
extraClass (string) - Classes CSS adicionais
buttonType (string) - Tipo HTML (submit, reset, button)
- Componente Checkbox Caixa de seleção para formulários.
Parâmetros:
name (string) - Nome do campo no formulário
label (string) - Rótulo descritivo
id (string) - ID único (opcional, usa name como padrão)
checked (bool) - Estado inicial (true/false)
- Componente Input Campo de entrada de texto para formulários.
Parâmetros:
type (string) - Tipo de input (text, email, password, number)
name (string) - Nome do campo
label (string) - Rótulo descritivo
id (string) - ID único (opcional)
placeholder (string) - Texto de placeholder
wireModel (string) - Binding Livewire
- Componente Radio Botão de rádio para seleção única em grupos.
Parâmetros:
name (string) - Nome do grupo
label (string) - Rótulo da opção
value (string) - Valor submetido
id (string) - ID único (opcional)
checked (bool) - Seleção inicial
- Componente Select Lista suspensa para seleção de opções.
Parâmetros:
name (string) - Nome do campo
label (string) - Rótulo descritivo
options (array) - Array associativo de opções
placeholder (string) - Texto padrão
id (string) - Identificador do campo
- Componente Table Tabela dinâmica com recursos avançados.
Parâmetros:
collection (Collection) - Coleção de dados
title (string) - Título da tabela
search (bool) - Ativar busca
selectable (bool) - Seleção de linhas
columns (array) - Colunas específicas
actionsTitle (string) - Título da coluna de ações
extraClass (string) - Classes CSS adicionais
- Componente Textarea Área de texto para conteúdo extenso.
Parâmetros:
name (string) - Nome do campo
label (string) - Rótulo descritivo
placeholder (string) - Texto de placeholder
rows (int) - Número de linhas visíveis
- Componente Upload Upload de arquivos com suporte a múltiplos arquivos.
Parâmetros:
label (string) - Rótulo descritivo
multiple (bool) - Upload múltiplo
- Componente Card Cards para exibição de dados estruturados.
Parâmetros:
data (array|object) - Dados a serem exibidos
title (string) - Título do card
withAvatar (bool) - Exibir avatar (para objetos com propriedade avatar)
withImage (bool) - Exibir imagem (para objetos com propriedade imagem)
actionButtons (array) - Botões de ação
routeBase (string) - Base para rotas CRUD
imageStyle (string) - Estilos CSS para imagem
🔧 Automação com Scaffold Comando de Scaffold Automático
Parâmetros de Relacionamento
Parâmetros disponíveis:
--belongs-to - Relacionamento belongsTo
--has-many - Relacionamento hasMany
--has-one - Relacionamento hasOne
--belongs-to-many - Relacionamento belongsToMany
O comando gera automaticamente: Model com relacionamentos e fillable attributes
Controller com métodos CRUD completos
Views utilizando componentes da biblioteca
Rotas RESTful no arquivo web.php
💡 Exemplos de Uso Exemplo Completo de Página
Exemplo com Dados Customizados
🎯 Personalização Adicionar Novo Sistema de Design Crie os arquivos de estilo em resources/css/themes/novo-tema.css
Crie os arquivos JavaScript em resources/js/themes/novo-tema.js
Atualize o vite.config.js
Crie as views dos componentes em resources/views/livewire/novo-tema/
Modificar Componentes Existentes Os componentes podem ser personalizados editando os arquivos em:
Lógica: app/Livewire/
Views: resources/views/livewire/[tema]/
📄 Licença Este projeto está licenciado sob a MIT License.