Headless UI components for @reformer/core - form arrays, multi-step wizards, and more
npm install @reformer/uiHeadless UI components for @reformer/core - build accessible, fully customizable form interfaces.
- Headless - No default styles, complete design freedom
- Compound Components - Declarative, composable API
- Render Props - Full control over rendering
- TypeScript - Fully typed with generics support
- Tree-shakable - Import only what you need
``bash`
npm install @reformer/ui @reformer/core
Manage dynamic form arrays with add/remove functionality.
`tsx
import { FormArray } from '@reformer/ui/form-array';
No items yet
{({ control, index, remove }) => (
Item #{index + 1}
)}
`
Build multi-step form wizards with validation.
`tsx
import { FormNavigation } from '@reformer/ui/form-navigation';
{({ steps, goToStep }) => (
)}
{({ prev, next, submit, isFirstStep, isLastStep }) => (
{!isFirstStep && }
{!isLastStep ? (
) : (
)}
)}
`
For full customization, use the hooks directly:
`tsx``
import { useFormArray } from '@reformer/ui/form-array';
import { useFormNavigation } from '@reformer/ui/form-navigation';
MIT