Form Builder

A dynamic form component with validation, multiple field types, and user-friendly interfaces. Perfect for registration, settings, surveys, and structured data entry.

Installation

hax init
hax add artifact form

Component Setup

import { HAXForm, useFormAction } from "@/hax/artifacts/form";

export function RegistrationPage() {
  const [artifacts, setArtifacts] = useState([]);

  useFormAction({
    addOrUpdateArtifact: (type, data) => {
      // Handle form updates
    }
  });

  return (
    <HAXForm
      title="User Registration"
      fields={formFields}
      onFormSubmit={handleFormSubmit}
    />
  );
}