Frm

Componente para utilização de formulários.

Props

Prop	Tipo	Padrão	Descrição
id	string		Aplica atributo id no elemento form nativo.
dataTestid	string		Aplica atributo data-testid para testes sobre o componente.

Eventos

Evento	Retorno	Descrição
submit	SubmitEvent	Disparado quando o formulário é submetido sem pendências de validação. O evento nativo já vem com o defaultPrevented

Slots

Slot	Descrição
default	Conteúdo exibido dentro do formulário.

Exemplo

<template>
  <frm @submit="onSubmit">
    <text-field label="Nome" required />
    <text-field label="Sobrenome" required />

    <btn type="submit">Salvar</btn>
  </frm>
</template>

<script lang="ts" setup>
import { Frm, Btn, TextField } from "@nexdom/uimed-vue/components";

function onSubmit(event: SubmitEvent) {
  console.log("Formulário submetido!", event);
}
</script>