{"size": 820, "ext": "js", "max_stars_repo_path": "examples/polymer-cli/src/stories/custom-rendering.stories.js", "max_stars_repo_name": "micros123/storybook", "max_stars_repo_stars_event_min_datetime": "2020-01-31T18:18:23.000Z", "max_stars_repo_stars_event_max_datetime": "2020-02-03T18:44:58.000Z", "max_issues_repo_path": "examples/polymer-cli/src/stories/custom-rendering.stories.js", "max_issues_repo_name": "micros123/storybook", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "examples/polymer-cli/src/stories/custom-rendering.stories.js", "max_forks_repo_name": "micros123/storybook", "max_forks_repo_forks_event_min_datetime": "2021-05-04T16:05:43.000Z", "max_forks_repo_forks_event_max_datetime": "2021-05-04T16:05:43.000Z"}
{"max_stars_count": 3, "max_issues_count": null, "max_forks_count": 1, "avg_line_length": 34.1666666667, "max_line_length": 100, "alphanum_fraction": 0.6524390244}
import { storiesOf } from '@storybook/polymer';
import { document } from 'global';
import { html } from 'lit-html';
import { StringTemplateButton } from '../string-template-button';

import '../separated-button/separated-button.html';

storiesOf('Custom/Methods for rendering', module)
  .add('html string', () => '<div>Rendered with string</div>')
  .add('html with custom elements', () => '<separated-button title="Click me!"></separated-button>')
  .add('document.createElement', () => {
    const el = document.createElement('playground-button');
    el.setAttribute('title', 'Rendered with document.createElement');
    return el;
  })
  .add('Polymer instance', () => new StringTemplateButton())
  .add(
    'Lit html',
    () =>
      html`
        <separated-button title="yes!"></separated-button>
      `
  );
