Form

Lightweight form validation wrapper with useForm hook, field errors, and accessible labels.

Preview

Interactive examples use the same @flux/ui build as production. Toggle theme in the header for light and dark. Motion tokens and layout patterns live under Motion and Patterns in the sidebar.

Live preview

Email *

Company

Used for invoice and billing.

Installation

Add the package to your app (full Next.js + Tailwind steps on Installation):

npm install @payglocal_ui/flux-ui

Usage

Import

import { Form, useForm } from "@payglocal_ui/flux-ui";

Example

const form = useForm({ defaultValues: { email: "" } });

<Form form={form} onSubmit={(values) => console.log(values)}>
  <Input {...form.register("email")} />
</Form>