Custom Angular Form Control in Storybook

json-form-control.stories.ts

// ...

storiesOf('Forms|JsonFormControlComponent', module)
.addDecorator(withKnobs) // optional: requires https://www.npmjs.com/package/@storybook/addon-knobs to be installed
.addDecorator(moduleMetadata({
  imports: [FormsModule],
  declarations: [JsonFormControlComponent] // the component we want to test
}))
.add('using an object', () => ({
  component: JsonFormControlComponent, // if you want to have control over the template, you should use "template" instead
  props: {
     ngModel: {id: '123', email: 'test@example.org'}, // enable data binding
     ngModelChange: action('ngModelChange'), // outputs the latest value
     height: text('Set the height of the component', '600px') // optional knob: allow to set height of the component directly in Storybook
  }
}));