How to use the @kadira/storybook.configure function in @kadira/storybook

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

github devexperts / dx-platform / packages / tools / config / storybook / client.js View on Github external
import { configure } from '@kadira/storybook';

const req = require.context(SRC_PATH, true, /\.page\.tsx$/);

configure(() => {
	req.keys()
		.sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase()))
		.forEach(req);
}, module);
github IBM-Cloud / logistics-wizard-webui / .storybook / config.js View on Github external
injectTapEventPlugin();
const rootStories = require.context('./stories/', true, /\.js$/);
const srcStories = require.context('../src/', true, /\.story\.js$/);
function loadStories() {
  rootStories.keys().forEach(rootStories);
  srcStories.keys().forEach(srcStories);
}

addDecorator(centered);
addDecorator((story) => (
  
    {story()}
  
));

configure(loadStories, module);
github storybookjs / storybook / packages / getstorybook / generators / REACT / template / .storybook / config.js View on Github external
import { configure } from '@kadira/storybook';

function loadStories() {
  require('../stories');
}

configure(loadStories, module);
github eggheadio / egghead-ui / .storybook / config.js View on Github external
import withPropsCombinations, {setDefaults} from 'react-storybook-addon-props-combinations'

setAddon(infoAddon)
setAddon(withPropsCombinations)
setDefaults({
  showSource: false,
  mustProvideAllProps: true,
})

const req = require.context('../src/components/', true, /.examples.js$/)

function loadStories() {
  req.keys().forEach((filename) => req(filename))
}

configure(loadStories, module)
github storybook-eol / getstorybook / generators / METEOR / template / .storybook / config.js View on Github external
import { configure } from '@kadira/storybook';

function loadStories() {
  require('../.stories');
}

configure(loadStories, module);
github christkv / okr / client / .storybook / config.js View on Github external
import { configure } from '@kadira/storybook';
import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap/dist/css/bootstrap-theme.css';
import '../src/app.css';

function loadStories() {
  require('../src/components/stories/');
}

configure(loadStories, module);
github scalable-react / scalable-react-typescript-boilerplate / config / .storybook / config.js View on Github external
import { configure, setAddon } from '@kadira/storybook';
import infoAddon from '@kadira/react-storybook-addon-info';
import withPropsCombinations, { setDefaults } from 'react-storybook-addon-props-combinations'

setAddon(withPropsCombinations)

setAddon(infoAddon);

function loadStories() {
  require('./stories/index.js');
}

configure(loadStories, module);
github synapsestudios / react-drop-n-crop / .storybook / config.js View on Github external
import { configure } from '@kadira/storybook';

function loadStories() {
  require('../storybook/stories');
}

configure(loadStories, module);
github garamond / real-life-react / documentation / storybook-demo / .storybook / config.js View on Github external
import { configure } from '@kadira/storybook'


import '../src/styles/main.css'

const req = require.context('../src/', true, /\.story\.js$/)


function loadStories() {
  req.keys().forEach(req)
}

configure(loadStories, module)
github tannerlinsley / react-table / .storybook / config.js View on Github external
import ServerSide from '../stories/ServerSide.js'
import SubComponents from '../stories/SubComponents.js'
import Pivoting from '../stories/Pivoting.js'
import PivotingSubComponents from '../stories/PivotingSubComponents.js'
import OneHundredKRows from '../stories/OneHundredKRows.js'
import FunctionalRendering from '../stories/FunctionalRendering.js'
import CustomExpanderPosition from '../stories/CustomExpanderPosition.js'
import NoDataText from '../stories/NoDataText.js'
import Footers from '../stories/Footers.js'
import Filtering from '../stories/Filtering.js'
import ControlledTable from '../stories/ControlledTable.js'
import PivotingOptions from '../stories/PivotingOptions.js'
import EditableTable from '../stories/EditableTable.js'
import SubRows from '../stories/SubRows.js'
//
configure(() => {
  storiesOf('1. Docs')
    .add('Readme', () => {
      const ReadmeCmp = React.createClass({
        render () {
          return <span>
        },
        componentDidMount () {
          global.Prism.highlightAll()
        }
      })
      return 
    })
  storiesOf('2. Demos')
    .add('Simple Table', Simple)
    .add('Cell Renderers &amp; Custom Components', CellRenderers)
    .add('Default Sorting', DefaultSorting)</span>