mirror of
https://github.com/gosticks/react-bootstrap-table2.git
synced 2025-10-16 11:55:39 +00:00
82b827561d
* beautify code block with google-code-prettify * prettyPrint when componentDidMount * css style for code block * skip rule 'no-unresolved' for eslint * conflict with webpack resolve path * refactor all code block in example folder with component <Code /> * refactor scss folder structure * specify the responsibility for each stylesheet with file name * load local color themes, tomorrow, for google code prettify * re-select demo color and save into variable * unify the color system for storybook
68 lines
3.1 KiB
JavaScript
68 lines
3.1 KiB
JavaScript
/* eslint import/no-unresolved: 0 */
|
|
import React from 'react';
|
|
import { storiesOf } from '@storybook/react';
|
|
|
|
// welcome
|
|
import Welcome from 'examples/welcome';
|
|
// basic
|
|
import BasicTable from 'examples/basic';
|
|
import BorderlessTable from 'examples/basic/borderless-table';
|
|
import StripHoverCondensedTable from 'examples/basic/striped-hover-condensed-table';
|
|
import NoDataTable from 'examples/basic/no-data-table';
|
|
|
|
// work on columns
|
|
import NestedDataTable from 'examples/columns/nested-data-table';
|
|
import ColumnFormatTable from 'examples/columns/column-format-table';
|
|
import ColumnFormatExtraDataTable from 'examples/columns/column-format-with-extra-data-table';
|
|
import ColumnClassTable from 'examples/columns/column-class-table';
|
|
import ColumnStyleTable from 'examples/columns/column-style-table';
|
|
import ColumnAlignTable from 'examples/columns/column-align-table';
|
|
import ColumnTitleTable from 'examples/columns/column-title-table';
|
|
import ColumnEventTable from 'examples/columns/column-event-table';
|
|
import ColumnHiddenTable from 'examples/columns/column-hidden-table';
|
|
|
|
// work on header columns
|
|
import HeaderColumnFormatTable from 'examples/header-columns/column-format-table';
|
|
import HeaderColumnAlignTable from 'examples/header-columns/column-align-table';
|
|
import HeaderColumnTitleTable from 'examples/header-columns/column-title-table';
|
|
import HeaderColumnEventTable from 'examples/header-columns/column-event-table';
|
|
import HeaderColumnClassTable from 'examples/header-columns/column-class-table';
|
|
import HeaderColumnStyleTable from 'examples/header-columns/column-style-table';
|
|
|
|
// css style
|
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
import 'stories/stylesheet/tomorrow.min.css';
|
|
import 'stories/stylesheet/storybook.scss';
|
|
import 'react-bootstrap-table2/style/react-bootstrap-table.scss';
|
|
|
|
// import { action } from '@storybook/addon-actions';
|
|
|
|
// action('hello');
|
|
storiesOf('Welcome', module)
|
|
.add('react bootstrap table 2 ', () => <Welcome />);
|
|
|
|
storiesOf('Basic Table', module)
|
|
.add('basic table', () => <BasicTable />)
|
|
.add('striped, hover, condensed table', () => <StripHoverCondensedTable />)
|
|
.add('borderless table', () => <BorderlessTable />)
|
|
.add('Indication For Empty Table', () => <NoDataTable />);
|
|
|
|
storiesOf('Work on Columns', module)
|
|
.add('Display Nested Data', () => <NestedDataTable />)
|
|
.add('Column Formatter', () => <ColumnFormatTable />)
|
|
.add('Column Formatter with Custom Data', () => <ColumnFormatExtraDataTable />)
|
|
.add('Column Align', () => <ColumnAlignTable />)
|
|
.add('Column Title', () => <ColumnTitleTable />)
|
|
.add('Column Hidden', () => <ColumnHiddenTable />)
|
|
.add('Column Event', () => <ColumnEventTable />)
|
|
.add('Customize Column Class', () => <ColumnClassTable />)
|
|
.add('Customize Column Style', () => <ColumnStyleTable />);
|
|
|
|
storiesOf('Work on Header Columns', module)
|
|
.add('Column Formatter', () => <HeaderColumnFormatTable />)
|
|
.add('Column Align', () => <HeaderColumnAlignTable />)
|
|
.add('Column Title', () => <HeaderColumnTitleTable />)
|
|
.add('Column Event', () => <HeaderColumnEventTable />)
|
|
.add('Customize Column Class', () => <HeaderColumnClassTable />)
|
|
.add('Customize Column Style', () => <HeaderColumnStyleTable />);
|