@swrve/core
Version:
Core set of Swrve UI Components
45 lines (41 loc) • 1.05 kB
JavaScript
import React from 'react'
import { Table, Body, Row, Cell, Header, HeadCell } from './index'
export default {
title: 'Core/Tables',
component: Table
}
export const ABasicTableComponentSet = args => {
return (
<div className="m-8">
<Table className="rounded border-grey" {...args}>
<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>
)
}
ABasicTableComponentSet.storyName = 'A basic table component set'