/dsgov-angular-components

Experimentação na criação de um boilerplate do DSGov 2.0 em Angular

Primary LanguageTypeScript

DSGOV Angular Components

Biblioteca de componentes em Angular (v11.2.10) de acordo com Padrão Digital de Governo dos órgãos e entidades do Poder Executivo federal, estabelecido pela Portaria nº 540 de 8 de setembro de 2020 da Presidência da República/Secretaria de Governo.

A Portaria 540/2020 define Padrão Digital do Governo em seu Artigo 3º como: sítio com conjunto de diretrizes, orientações, padrões, fundamentos visuais, componentes, modelos, boas práticas de desenvolvimento e manuais que devem ser atendidos por designers e desenvolvedores, para garantir uma experiência única do usuário, na interação com sítios, portais, aplicativos móveis e demais propriedades digitais do Governo federal, disponível no endereço eletrônico "gov.br/ds".

A atual versão da biblioteca DSGOV Angular Components é baseada nas informações contidas na versão 2.1.0 BETA do endereço eletrônico gov.br/ds e utiliza os arquivos CSS contidos no pacote NPM versão 2.0.2 disponbilizado na seção Downloads deste mesmo endereço.

O propósito deste projeto é oferecer aos desenvolvedores de software para órgãos do Governo Federal, servidores ou terceirizados, uma alternativa simples, leve, compatível com outros frameworks e bibliotecas de mercado, eficiente e gratuita que permita alcançar os objetivos preconizados pela Portaria nº 540/2020 e, ao mesmo tempo, agilize a execução de projetos de software de órgãos do Governo Federal, facilite a padronização e o acompanhamento da evolução contínua do Padrão Digital do Governo. Desta forma, indo diretamente ao encontro do princípio da Economicidade elencado na Seção II da citada Portaria.

Componentes

A seguir são identificados os componentes padrão estabelecidos no gov.br/ds e o atual estágio de implementaçao de cada um deles na biblioteca DSGOV Angular Components:

Componente Grau de Implementado
Accordion
Avatar
Breadcrumb Parcialmente
Button Implementado
Card
CookieBar
Checkbox
DateTimePicker
Divider Implementado
Footer Parcialmente
Header Parcialmente
Input Implementado
Item Implementado
List
Loading
Magic Button
Menu Parcialmente
Message
Modal
Notification
Pagination
Radio
Scrim
Select
Sign-in Implementado
Switch
Table
Tab
Textarea
Tooltip Parcialmente
Upload
Wizard