@bimetal/forms-react-components

The default React form builder + renderer — instance #9 of the BIMETAL component family, and its culmination: <FormRenderer/> composes the shipped <Picker/> per select field (render layer on render layer). Thin bindings over the canonical forms controllers; renders the canonical .bm-form* DOM; styles ship from @bimetal/forms-themes.

import { FormBuilder, FormRenderer } from '@bimetal/forms-react-components';

// One form store (the schema aggregate) drives both panes:
<FormBuilder store={store} formId={id} title="Schema" />;
<FormRenderer store={store} formId={id} onSubmit={handle} title="Live form" />;

<FormBuilder/> edits the schema (add / reorder / edit fields via an accessible field-editor dialog, undo). <FormRenderer/> fills it live — transient values, validation from the schema (single source), submit — and owns a Picker per select field, which it renders as a real component. Set darkMode for the dark palette.

Part of the BIMETAL headless component family. Apache License 2.0.