GovBR Design System - Componentes Angular

Implementação em Angular do Design System do Governo Brasileiro (GovBR DS). Esta biblioteca fornece componentes, diretivas e pipes Angular que implementam o Design System GovBR, facilitando a criação de aplicações que seguem as diretrizes de identidade visual do governo brasileiro.

Índice

• Instalação
• Uso
• Componentes Disponíveis
• Documentação
• Desenvolvimento
• Contribuição
• Licença

Instalação

1. Instale o pacote

npm install govbr-ds-angular @govbr-ds/core

2. Importe os estilos

Adicione os estilos do Design System GovBR e ícones do FontAwesome ao seu projeto importando-os no seu arquivo angular.json:

   "styles": [
      "@govbr-ds/core/dist/core.min.css",
      "@fortawesome/fontawesome-free/css/all.min.css"
   ],

Uso

Após instalar e importar o módulo, você pode usar os componentes em seus templates:

<!-- Exemplo de uso do componente botão -->
<br-button variant="primary">Click me</br-button>

<!-- Exemplo de uso do componente input -->
<br-input label="Name" placeholder="Enter your name"></br-input>

Componentes Disponíveis

Esta biblioteca fornece os seguintes componentes:

• Alert: Exibe mensagens de alerta com diferentes estados
• Breadcrumb: Auxílio de navegação mostrando a localização do usuário na aplicação
• Checkbox: Componente de input checkbox
• Collapse: Painéis de conteúdo recolhíveis
• Cookie Bar: Barra de notificação de consentimento de cookies
• Date Time Picker: Componente de seleção de data e hora
• Dialog Confirm: Componente de diálogo de confirmação
• Input: Componente de entrada de texto
• Item Info: Componente de exibição de informações
• Loading: Componente indicador de carregamento
• Magic Button: Componente de botão aprimorado
• Menu: Componente de menu de navegação
• Multi Select: Componente de dropdown de seleção múltipla
• Paginator: Componente de paginação
• Radio: Componente de botão de rádio
• Select: Componente de seleção dropdown
• Switch: Componente de interruptor
• Tabs: Componente de interface com abas
• Textarea: Componente de entrada de texto multi-linha

Diretivas

• Button: Diretiva para estilização de botões
• Feedback: Diretiva para feedback de formulários

Pipes

• GetIconByState: Obtém o ícone apropriado com base no estado
• HasError: Verifica erros de formulário

Documentação

Para documentação detalhada sobre cada componente, consulte:

• Documentação do Design System GovBR
• Exemplos de Componentes