Element: #064 With schema (inputs/use-form)
What it shows: Form using a schema for username length and bio length, with a live character count.
When to use: Forms with several validation rules that run all at once.
Spec:
- `useForm(` with `schema: (data) => {` returns `errs`
- Username rules: `data.username.length < 3` and `data.username.length > 20`
- Bio rule: `data.bio.length > 160` with `Bio must be 160 characters or fewer.`
- Bio TextArea shows `description="{form.fields.bio.value.length}/160"`
- Buttons: `Validate all` calls `form.validate()`, Reset calls `form.reset()`
- Footer prints `valid: {form.valid}`
Tags: use-form, schema, validation, text-area, character-count
Needs: @codeatlasdev/ui@4.4.0
Components: Button, TextArea, TextField
Live demo: https://ui.codeatlas.com.br/docs/inputs/use-form#with-schema
form.set('username', v)}
onblur={() => form.touch('username')}
/>