How to use the @open-wc/demoing-storybook.storiesOf function in @open-wc/demoing-storybook
To help you get started, we’ve selected a few @open-wc/demoing-storybook examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
uprtcl / js-uprtcl / modules / evees / stories / index.stories.js View on Github 
import { storiesOf, html, withKnobs, withClassPropertiesKnobs } from '@open-wc/demoing-storybook';
import { UprtclCommon } from '../dist/UprtclCommon.js';
import '../dist/uprtcl-common.js';
storiesOf('uprtcl-common', module)
.addDecorator(withKnobs)
.add('Documentation', () => withClassPropertiesKnobs(UprtclCommon))
.add(
'Alternative Title',
() => html`
`,
);const keys = [{key: 'ananas'}, {key: 'banana'}, {key: 'apple'}, {key: 'orange'}];
const d1 = multipleRnd(keys.map(k => k.key), 50);
const d2 = multipleRnd(keys.map(k => k.key), 50);
import { default as Pie } from '../src/chart/multi-chart-pie.js';
import {default as data } from './data.js';
import '../index.js';
const colorScale = scaleOrdinal().range(schemeCategory10);
const innerRadius = 30;
const padAngle = 0.07;
let selected = '';
storiesOf('Demo | Charts', module)
.addDecorator(withKnobs)
.add('Pie', () => withClassPropertiesKnobs(Pie, {
template: html `
<h4 slot="header">This is a pie</h4>
<code slot="footer">selected: ${selected}</code>
@open-wc/demoing-storybook
Storybook configuration following open-wc recommendations
