1
0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-08 11:11:53 +08:00
storybook/examples/polymer-cli/src/stories/custom-rendering.stories.js
2018-04-17 14:35:53 +02:00

18 lines
786 B
JavaScript

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>`);