How to use the @storybook/riot.tag function in @storybook/riot

To help you get started, we’ve selected a few @storybook/riot 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.

github storybookjs / storybook / examples / riot-kitchen-sink / src / stories / story-code.stories.js View on Github external
() =>
      tag('test', '<div>simple test ({ opts.value })</div>', '', '', () =&gt; {}) &amp;&amp;
      mount('test', { value: 'with a parameter' })
  )
github storybookjs / storybook / examples / riot-kitchen-sink / src / stories / core.stories.js View on Github external
import { tag, mount, addParameters } from '@storybook/riot';

const globalParameter = 'globalParameter';
const chapterParameter = 'chapterParameter';
const storyParameter = 'storyParameter';

tag('parameters', '<div>Parameters are {JSON.stringify (this.opts)}</div>', '', '', () =&gt; {});

addParameters({ globalParameter });

export default {
  title: 'Core/Parameters',
  parameters: {
    chapterParameter,
  },
};

export const passedToStory = ({ parameters: { fileName, ...parameters } }) =&gt;
  mount('parameters', { ...parameters, storyParameter });

passedToStory.story = {
  name: 'passed to story',
};

@storybook/riot

Storybook for riot.js: View riot snippets in isolation with Hot Reloading.

MIT
Latest version published 3 years ago

Package Health Score

73 / 100
Full package analysis