Skip to content

Fields group

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

Introdução

Componente interno do editor responsável por agrupar os vários campos que podem ser informados.

Seu uso

Seu principal uso será para facilitar a visualização de muitos campos dentro do editor, por exemplo, quanto temos uma lista de parâmetros e gostaríamos de diferenciar do restante dos parâmetros, este será o componente ideal. Para usar bastará dentro dos atributos da propriedade informar através de um campo string para qual grupo a propriedade em questão pertence e pronto já será possível ver o componente funcionando

Seu funcionamento

Ele agrupará diversos campos em um tipo de accordion dentro do editor.

Exemplo

View only input

Especificações técnicas

  • O componente deve ter no seu lado direito um ícone que alterna se está aberto ou fechado, indicando seu estado
  • O texto exibido no título do componente deve ser exibido totalmente em caixa alta
  • O estado que será armazenado no localstorage do navegador será apenas um booleano indicando através de uma chave construído pelo título do grupo se o grupo está aberto ou fechado(true/false)
  • Ao abrir um grupo que está fechado deve haver uma transição suave do conteúdo que não estava na tela