Sha256: 0709c253e69d310792065bd55f14190810ddb5e0a72e49156f2bafca0be60a19
Contents?: true
Size: 1.85 KB
Versions: 1087
Compression:
Stored size: 1.85 KB
Contents
import React from 'react'
import Table from '../_table'
const TableAlignmentShiftData = (props) => {
return (
<div>
<Table
marginBottom="md"
{...props}
>
<Table.Head>
<Table.Row>
<Table.Header> </Table.Header>
<Table.Header>{'Price'}</Table.Header>
</Table.Row>
</Table.Head>
<Table.Body>
<Table.Row>
<Table.Cell verticalAlign="bottom">{'Total'}</Table.Cell>
<Table.Cell>
{'$12'}
<br />
{'$46'}
<br />
{'$25'}
<br />
{'-------'}
<br />
{'$83'}
</Table.Cell>
</Table.Row>
</Table.Body>
</Table>
<Table
{...props}
>
<Table.Head>
<Table.Row>
<Table.Header>{'Espresso Drinks'}</Table.Header>
<Table.Header>{'Ingredients'}</Table.Header>
</Table.Row>
</Table.Head>
<Table.Body>
<Table.Row>
<Table.Cell verticalAlign="top">{'Cappuccino'} </Table.Cell>
<Table.Cell>
{'Steamed Milk'}
<br />
{'Milk Foam'}
</Table.Cell>
</Table.Row>
<Table.Row>
<Table.Cell verticalAlign="top">
{'Macchiato'}
</Table.Cell>
<Table.Cell verticalAlign="top">
{'Espresso'}
<br />
{'Steamed Milk'}
</Table.Cell>
</Table.Row>
<Table.Row>
<Table.Cell>
{'Mocha'}
</Table.Cell>
<Table.Cell>
{'Hot Chocolate'}
<br />
{'Steamed Milk'}
</Table.Cell>
</Table.Row>
</Table.Body>
</Table>
</div>
)
}
export default TableAlignmentShiftData
Version data entries
1,087 entries across 1,087 versions & 2 rubygems