Sha256: 45458b9d115824a0780ed85908bcff72f2f9aa8ba8781d7d22746876b58a45e3
Contents?: true
Size: 1.38 KB
Versions: 8
Compression:
Stored size: 1.38 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>
<br />
<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
8 entries across 8 versions & 1 rubygems