LibyUI Logo

Data Forms

A validated, schema-driven form system built from LibyUI components for complex data entry flows.

Edit on GitHub1
Previous

Data Forms

The Data Forms module provides a structured, validated approach to building forms in LibyUI applications. It is built from LibyUI's primitive components and designed to integrate with schema-validation libraries like Zod.

Key concepts

Basic Usage

import { z } from "zod";

const schema = z.object({
  name: z.string().min(2, "Name must be at least 2 characters"),
  email: z.string().email("Please enter a valid email address"),
});

// Wire schema to your form library of choice (e.g. react-hook-form)

Next steps

Have feedback on the Data Forms module or want to request a feature? Let us know.

How is this guide?

Last updated on 2/26/2026