First release
This commit is contained in:
commit
fa6c85266e
2339 changed files with 761050 additions and 0 deletions
8
node_modules/nes.css/story/table/table.stories.js
generated
vendored
Normal file
8
node_modules/nes.css/story/table/table.stories.js
generated
vendored
Normal file
|
@ -0,0 +1,8 @@
|
|||
import { storiesOf } from '@storybook/html';
|
||||
import { withKnobs } from '@storybook/addon-knobs';
|
||||
|
||||
import Table from './table.template';
|
||||
|
||||
storiesOf('Tables', module)
|
||||
.addDecorator(withKnobs)
|
||||
.add('Table', () => Table());
|
41
node_modules/nes.css/story/table/table.template.js
generated
vendored
Normal file
41
node_modules/nes.css/story/table/table.template.js
generated
vendored
Normal file
|
@ -0,0 +1,41 @@
|
|||
import { boolean } from '@storybook/addon-knobs';
|
||||
import classNames from 'classnames';
|
||||
|
||||
export default () => {
|
||||
const isBorderd = boolean('is-bordered', true);
|
||||
const isCentered = boolean('is-centered', false);
|
||||
const isDark = boolean('is-dark', false);
|
||||
|
||||
const tableClasses = classNames(
|
||||
'nes-table',
|
||||
{
|
||||
'is-bordered': isBorderd,
|
||||
'is-centered': isCentered,
|
||||
'is-dark': isDark,
|
||||
},
|
||||
);
|
||||
|
||||
return `
|
||||
<table class="nes-table ${tableClasses}" style="margin:15px 4px 5px 4px">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Table.is-dark</th>
|
||||
<th>Table.is-bordered</th>
|
||||
<th>Table.is-centered</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Thou hast had a good morning</td>
|
||||
<td>Thou hast had a good afternoon</td>
|
||||
<td>Thou hast had a good night</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Thou hast had a good morning</td>
|
||||
<td>Thou hast had a good afternoon</td>
|
||||
<td>Thou hast had a good night</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
`;
|
||||
};
|
Loading…
Add table
Add a link
Reference in a new issue