@angular/flex-layout with Storybook

index.js

import {
  Meta,
  Story,
} from '@storybook/angular'
import { FlexLayoutModule } from '@angular/flex-layout'

import { Button, } from './button.component'

export default {
  title: 'Molecule/Button',
  component: Button,
  decorators: [
    (storyFunc) => {
      const story = storyFunc();
      return story;
    },
  ]
} as Meta;

const Template: Story<Button> = (args: Button) => ({
  component: Button,
  props: args,
  moduleMetadata: {
    declarations: [Button],
    imports: [FlexLayoutModule],
  },
  template: `
    <div class="light">
      <atom-button
        value={{value}}
        variation={{variation}}
        level={{level}}
        size={{size}}
        [block]="block">
      </atom-button>
    </div>
  `
})

export const MyStory = Template.bind({})
MyStory.args = ...