Sha256: 073cd09ea45bc48b1232249d3333203a50a8e2b6420372502a165c9b1ba41539
Contents?: true
Size: 1.37 KB
Versions: 86
Compression:
Stored size: 1.37 KB
Contents
import React from 'react'
import { Table } from '../../'
const TableAlignmentShiftData = (props) => {
return (
<Table
{...props}
>
<thead>
<tr>
<th> </th>
<th>{'Price'}</th>
</tr>
</thead>
<tbody>
<tr>
<td shift="down">{'Total'}</td>
<td>
{'$12'}
<br />
{'$46'}
<br />
{'$25'}
<br />
{'-------'}
<br />
{'$83'}
</td>
</tr>
</tbody>
<thead>
<tr>
<th>{'Espresso Drinks'}</th>
<th>{'Ingredients'}</th>
</tr>
</thead>
<tbody>
<tr>
<td shift="up">{'Cappuccino'}</td>
<td>
{'Espresso'}
<br />
{'Steamed Milk'}
<br />
{'Milk Foam'}
</td>
</tr>
<tr>
<td shift="up">{'Macchiato'}</td>
<td>
{'Espresso'}
<br />
{'Steamed Milk'}
</td>
</tr>
<tr>
<td shift="up">{'Mocha'}</td>
<td>
{'Espresso'}
<br />
{'Hot Chocolate'}
<br />
{'Steamed Milk'}
</td>
</tr>
</tbody>
</Table>
)
}
export default TableAlignmentShiftData
Version data entries
86 entries across 86 versions & 1 rubygems