https://github.com/totvs/thf-desafio-frontend
PO UI - Desafio frontend
https://github.com/totvs/thf-desafio-frontend
Last synced: about 1 year ago
JSON representation
PO UI - Desafio frontend
- Host: GitHub
- URL: https://github.com/totvs/thf-desafio-frontend
- Owner: totvs
- Created: 2018-06-12T22:53:22.000Z (about 8 years ago)
- Default Branch: main
- Last Pushed: 2020-10-26T17:06:59.000Z (over 5 years ago)
- Last Synced: 2024-04-14T07:47:33.867Z (over 2 years ago)
- Homepage: https://po-ui.io
- Size: 15.6 KB
- Stars: 4
- Watchers: 15
- Forks: 6
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PO UI Desafio Frontend
Construa um componente `Range`, conforme a imagem abaixo, para ser utilizado em uma aplicação Angular
## Especificação
Propriedades que o componente deve possuir:
- **min**: Valor mínimo (default: 0)
- **max**: Valor máximo (default: 100)
- **label**: Rótulo do campo, indica sobre qual informação pertence.
- **disabled**: Desabilita a interação do componente;
- **opcional**: Informa que o componente é opcional;
- **hide-values**: Esconde os valores do componente.
Além dessas propriedades, deve ser possivel informar tanto [(ngModel)] (Template Driven) quanto formControlName (Reactive Forms)
### Exemplo de uso
```
```
```
```
```
```
Pode-se utilizar nossos reposítorios como consulta e também nosso styleguide de codificação:
- [Campos de entrada do PO UI](https://github.com/po-ui/po-angular/tree/master/projects/ui/src/lib/components/po-field)
- [Styleguide de codificação](https://github.com/po-ui/po-angular/blob/master/STYLEGUIDE.md)
## Requisitos
- Utilize o Angular mais atualizado
- Não utilize outros frameworks (bootstrap/material)
- O componente precisa ser responsivo
- Teste unitário usando Jasmine + Karma
- Documentação no formato Markdown
- Crie 2 exemplos de uso, um basico e outro mais avançado.
## Submissão
- Criar um fork desse projeto e entregar via Pull Request.
## Prazo de Entrega
- 3 Dias.
#
# Boa Sorte