@letar/forms Examples

Interactive examples demonstrating all features of the @letar/forms library.

Basic Form

Simple form with String, Select, and Checkbox fields

All Fields

Showcase of all 40+ field types available

Validation

Zod schema validation with error messages

Conditional Fields

Show/hide fields with Form.When

Multi-Step Wizard

Step-by-step form with navigation

Groups & Arrays

Nested objects and dynamic arrays

Advanced Fields

Rating, Slider, Tags, FileUpload variants

Constraints

Regex, cross-field validation, custom messages

Auto Fields

Generate form from schema with one line

Auto Advanced

Include/exclude filtering, mixed approach

ZenStack Plugin

Schemas generated from database models

Recipes

Login, registration, contact, settings forms

Custom Theme

Styled with custom Chakra UI theme

Persistence

localStorage draft — survives refresh

i18n

Multi-language form labels

Offline Mode

Offline-first forms with sync queue