---
title: Form
---
import { RenderComponentWithSnippet } from "@/app/components/render"
import { Row } from "@/app/components/row"
import { BasicExample } from "./form.basic"
import { AddOnsExample } from "./form.addOns"
import { SpecialFieldsExample } from "./form.specialFields"

## Basic Fields

Basic form fields with validation using React Hook Form and Zod.

<BasicExample/>

## Fields with Add-ons

Form fields with leading and trailing add-ons.

<AddOnsExample/>

## Number and Special Fields

Form fields for numbers and special input types.

<SpecialFieldsExample/>