Skip to content

Field wrapper

Lucas Souza edited this page Aug 17, 2020 · 4 revisions

Introdução

Componente usado para padronização de recursos entre os diverso tipo de campos presentes no editor.

Seu uso

Seu principal uso será para a simplificar a criação de novos campos com label e redimensionáveis dentro do editor.

Especificações técnicas

  • Este componente deverá ter uma label com ícone que exibirá uma tooltip quando for passado o mouse sobre ele
  • O componente poderá receber por parâmetro um componente filho que normalmente será algum tipo de input
  • O id da input filha será gerado por este componente, que repassa para o componente filho. Isso servirá para que possamos ao clicar na label do componente o componente filho receba o foco(comportamento padrão do html em navegadores)
  • O componente também poderá receber por parâmetro os atributos nameHasError e nameHasWarning que serão usados para exibir ao usuário um feedback que algo não está certo com a propriedade em questão
  • O componente será responsável por controlar o redimensionamento do campo filho e da label que esta no componente
  • O tamanho do redimensionamento deverá ser persistido, no localstorage para uma melhor experiência do usuário