generated:catalog.entry.forms-guide.title

import { form } from '@angular/forms/signals';import { email, match, required } from '@xngui/components/form';interface ContactModel {  name: string;  email: string;  confirmEmail: string;}const model = signal<ContactModel>({ name: '', email: '', confirmEmail: '' });const contactForm = form(model, (path) => {  required(path.name, { message: 'Name is required' });  required(path.email, { message: 'Email is required' });  email(path.email, { message: 'Enter a valid email' });  match(path.confirmEmail, path.email, { message: 'Emails must match' });});

<x-form [form]="contactForm" validateOn="touched">  <x-form-field label="Name">    <x-input [formField]="contactForm.name" />  </x-form-field>  <x-form-field label="Email" hint="We never share your email.">    <x-input [formField]="contactForm.email" />  </x-form-field>  <x-form-field label="Confirm email">    <x-input [formField]="contactForm.confirmEmail" />  </x-form-field>  <x-button type="submit" variant="primary">Submit</x-button></x-form>

import { provideX } from '@xngui/core/config';import { provideXTranslations } from '@xngui/core/i18n';export const appConfig = {  providers: [    provideX({      i18n: {        languages: ['en', 'fa'],        defaultLocale: 'en',        fallbackLocale: 'en',      },    }),    provideXTranslations({      'validation.required': { en: 'This field is required' },      'validation.email': { en: 'Enter a valid email address' },    }),  ],};// x-form resolves validationErrorKey(error) → xTranslate pipe// validationErrorParams(error) supplies {{min}}, {{max}}, …