//html
<form>
<nick-input style="width: auto;" class="beta-mr-28" [nickCrudField]="formulario.nome" placeholder="Informe seu nome">
</nick-input>
</form>
<span>seu nome é: {{nome.value}}</span>
//JSON
//Formulário padrão
"form:formulario": { //inicializa um form.
"nome": { //id do campo.
"id": "nome",
"title": "Nome", //Título, será exibido como label acima do input gerado.
"metadata": { //Parametros opcionais.
"required": true //Validator de campo requerido
}
}
}
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter