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

$3

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

$3

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

`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:

`html

Click me



``

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

$3

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

$3

- 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