What is the Composer?

The composer() utility lets you combine multiple forms — each with its own fields, rules, and validation — into a single submission workflow. Perfect for multi-step checkout flows, wizards, or complex dashboards.

import { composer } from 'mobx-react-form';

const checkout = composer({
  billing,
  shipping,
});

checkout.validate()
  .then(({ valid, errors, values }) => {
    if (valid) submitAll(values);
  });