Installation

Three steps. Two minutes. One working form.

1. Install Dashforge

pnpm add @dashforge/ui @dashforge/forms

2. Install peer dependencies

Material UI and Emotion

pnpm add @mui/material @emotion/react @emotion/styled

3. Your first form

Copy this into a component to verify everything works

import { DashForm } from '@dashforge/forms';
import { Select, TextField } from '@dashforge/ui';

function SupportForm() {
  const handleSubmit = (data) => {
    console.log(data);
  };

  return (
    <DashForm onSubmit={handleSubmit}>
      <Select
        name="category"
        label="Category"
        options={[
          { value: 'bug', label: 'Bug Report' },
          { value: 'feature', label: 'Feature Request' },
        ]}
      />

      <TextField
        name="details"
        label="Details"
        visibleWhen={(engine) =>
          engine.getNode('category')?.value === 'bug'
        }
      />

      <button type="submit">Submit</button>
    </DashForm>
  );
}

✓ If this renders, Dashforge is installed correctly.

Prerequisites

Node.js 18+, React 19, TypeScript 5.0+

You're ready to build

Now that Dashforge is installed, learn how to build real forms with validation, conditional fields, and dynamic behavior.