@swrve/core
Version:
Core set of Swrve UI Components
43 lines (40 loc) • 1.13 kB
JavaScript
import React from 'react'
import { storiesOf } from '@storybook/react'
import { Table, Body, Row, Cell, Header, HeadCell } from './index'
import { withInfo } from '@storybook/addon-info'
storiesOf('Core|Tables', module)
.addDecorator(withInfo)
.add('A basic table component set', () => {
return (
<div className="m-8">
<Table className="rounded border-grey">
<Header>
<HeadCell>Id</HeadCell>
<HeadCell>Name</HeadCell>
<HeadCell>Age</HeadCell>
<HeadCell>Height</HeadCell>
</Header>
<Body>
<Row>
<Cell>1</Cell>
<Cell>John</Cell>
<Cell>33</Cell>
<Cell>1.64m</Cell>
</Row>
<Row>
<Cell>2</Cell>
<Cell>Paul</Cell>
<Cell>34</Cell>
<Cell>1.34m</Cell>
</Row>
<Row>
<Cell>3</Cell>
<Cell>Ringo</Cell>
<Cell>34</Cell>
<Cell>1.34m</Cell>
</Row>
</Body>
</Table>
</div>
)
})