How to use the @storybook/addon-cssresources.withCssResources function in @storybook/addon-cssresources
To help you get started, we’ve selected a few @storybook/addon-cssresources 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.
wikimedia / mediawiki-extensions-Popups / .storybook / config.js View on Github 
import { configure, addDecorator, addParameters } from '@storybook/html';
import { withCssResources } from '@storybook/addon-cssresources';
import jquery from 'jquery';
import mockMediaWiki from '../node_modules/@wikimedia/mw-node-qunit/src/mockMediaWiki.js';
global.mw = mockMediaWiki();
global.$ = jquery;
/**
* Storybook global configuration
*/
addDecorator(
withCssResources({
cssresources: [{
name: `x-ray`,
code: `<style>
body * {
outline: 1px solid rgb(255, 0, 0);
background-color: rgba(255, 0, 0, 0.07);}
</style>`,
picked: false,
}],
})
);
// Option defaults:
addParameters( {
options: {
isFullScreen: false,@storybook/addon-cssresources
A storybook addon to switch between css resources at runtime for your story
