wix-style-react
Version:
36 lines (28 loc) • 974 B
JavaScript
import React from 'react';
import TabbedView from 'wix-storybook-utils/TabbedView';
import Markdown from 'wix-storybook-utils/Markdown';
import CodeExample from 'wix-storybook-utils/CodeExample';
import Readme from '../README.md';
import ReadmeTestKit from '../README.TESTKIT.md';
import FullScreenModal from './CustomModalExamples/FullScreenModal';
import FullScreenModalRaw from '!raw-loader!./CustomModalExamples/FullScreenModal';
const introduction = `# Custom modal (\`<MessageBoxFunctionalLayout/>\`)`;
const layoutStyles = {
margin: '0 30px',
};
export default () => (
<TabbedView tabs={['Usage', 'API', 'TestKits']}>
<div>
<Markdown source={introduction} />
<div style={layoutStyles}>
<CodeExample
title="fullscreen"
code={FullScreenModalRaw}
children={<FullScreenModal />}
/>
</div>
</div>
<Markdown source={Readme} />
<Markdown source={ReadmeTestKit} />
</TabbedView>
);