@ppci/custom-loader/stories/index.js

A custom loader

import {
  storiesOf,
  html,
  withKnobs, withClassPropertiesKnobs,
} from '@open-wc/demoing-storybook';

/* Components */
import { CustomLoader } from '..';
import readme from '../README.md';

storiesOf('UI Elements|Loader', module)
  .addDecorator(withKnobs)
  .add(
    'Default',
    () => withClassPropertiesKnobs(CustomLoader, {
      overrides: () => [
        // Properties
      ],
      template: html`
        <custom-loader>
        </custom-loader>
      `,
    }),
    {
      notes: {
        markdown: readme,
      },
      options: {
        selectedPanel: 'storybooks/knobs/panel',
      },
    },
  )
  .add(
    'Small',
    () => withClassPropertiesKnobs(CustomLoader, {
      overrides: () => [
        // Properties
      ],
      template: html`
        <custom-loader small>
        </custom-loader>
      `,
    }),
    {
      notes: {
        markdown: readme,
      },
      options: {
        selectedPanel: 'storybooks/knobs/panel',
      },
    },
  )
  .add(
    'Medium',
    () => withClassPropertiesKnobs(CustomLoader, {
      overrides: () => [
        // Properties
      ],
      template: html`
        <custom-loader medium>
        </custom-loader>
      `,
    }),
    {
      notes: {
        markdown: readme,
      },
      options: {
        selectedPanel: 'storybooks/knobs/panel',
      },
    },
  );