react-json-form-engine/stories/examples.stories.js

Build lightning fast web forms from JSON.

import { storiesOf } from '@storybook/react';
import { withKnobs } from '@storybook/addon-knobs';

import { loginForm, rehydratedForm, simpleForm, malformedForm } from './forms';

import { buildFormComponent } from './util';

import '../dist/css/styles.css';
import { FormEngine } from '../src';

const stories = storiesOf('Examples', module);

stories.addDecorator(withKnobs);

const addStory = (form, options, json) => {
    const instance = new FormEngine(form, json);
    stories.add(form.title, () => buildFormComponent(instance, options));
};

const json = '{"str1": "Rehydrated!", "bool1": "true", "num1": 10, "arr1": ["op1", "op3"]}';

addStory(simpleForm);
addStory(loginForm, { submitButtonLabel: 'Login' });
addStory(rehydratedForm, {}, json);
addStory(malformedForm);