Customize o comportamento do formulário do Admin da Deco com annotations nas suas propriedades.

Ao usar tipos nativos (number, string, etc.), o editor usará o nome da propriedade como a label padrão do formulário. Mas é possível personalizar isso usando tags JSDoc.

• Exemplo:

export interface Props {
  /** @title Numero de produtos */
  /** @description Total de produtos para mostrar na vitrine */
  count: number;
}

• Editor:

Lista com todas as annotations suportadas:

​

Valores possíveis para o @format

• @format color: Renderiza um input de cor no lugar de um de texto.

• @format date: Renderiza um input de data no lugar de um de texto.

• @format html: Renderiza um input que abre um Editor WYSIWYG para edição avançada do texto por html.

• @format dynamic-options: Ler sobre aqui.

​

Templates em annotations com Mustache

Nossas annotations também suportam templating, através do Mustache.

Para utilizá-las, é bem simples:

/**
 * @title {{{nome}}}
 */
interface Pessoa {
  nome: string;
}

export interface Props {
  pessoas: Pessoa[];
}

Resultado no Admin: