wix-style-react/dist/es/stories/Grid/index.js

wix-style-react

import React from 'react';
import { storiesOf } from '@storybook/react';
import Markdown from 'wix-storybook-utils/Markdown';
import CodeExample from 'wix-storybook-utils/CodeExample';

import ExampleBasicGrid from './ExampleBasicGrid';
import ExampleBasicGridRaw from '!raw-loader!./ExampleBasicGrid';

import ExampleGridStandard from './ExampleGridStandard';
import ExampleGridStandardRaw from '!raw-loader!./ExampleGridStandard';

import ExampleRowWithEqualHeight from './ExampleRowWithEqualHeight';
import ExampleRowWithEqualHeightRaw from '!raw-loader!./ExampleRowWithEqualHeight';

import ExampleAutoAdjustedRow from './ExampleAutoAdjustedRow';
import ExampleAutoAdjustedRowRaw from '!raw-loader!./ExampleAutoAdjustedRow';

import GridReadme from '../../src/Grid/README.md';

storiesOf('2. Layout', module).add('Grid', function () {
  return React.createElement(
    'div',
    null,
    React.createElement(Markdown, { source: GridReadme }),
    React.createElement(
      CodeExample,
      { title: 'Basic Example', code: ExampleBasicGridRaw },
      React.createElement(ExampleBasicGrid, null)
    ),
    React.createElement(
      CodeExample,
      { title: 'Example with Card', code: ExampleGridStandardRaw },
      React.createElement(ExampleGridStandard, null)
    ),
    React.createElement(
      CodeExample,
      {
        title: 'Grid with equal height columns',
        code: ExampleRowWithEqualHeightRaw
      },
      React.createElement(ExampleRowWithEqualHeight, null)
    ),
    React.createElement(
      CodeExample,
      {
        title: 'Grid with auto adjusted columns',
        code: ExampleAutoAdjustedRowRaw
      },
      React.createElement(ExampleAutoAdjustedRow, null)
    )
  );
});