Sha256: 994d00aa323702ed7803425549d1b3cff84da78ab69162990c520ab1ab06f062
Contents?: true
Size: 1.36 KB
Versions: 10
Compression:
Stored size: 1.36 KB
Contents
import React from 'react'
import { Table } from '../../'
const TableAlignmentShiftData = () => {
return (
<Table>
<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
10 entries across 10 versions & 1 rubygems