Sha256: cc81609168d95038a2599b832adcb62d6963badfe8da47d81a03a366e8572f53
Contents?: true
Size: 1.7 KB
Versions: 94
Compression:
Stored size: 1.7 KB
Contents
import React from 'react'
import { Table } from '../../'
import { Button } from '../../'
const TableActionMiddle = (props) => {
return (
<Table
size="sm"
{...props}
>
<thead>
<tr>
<th>{'Column 1'}</th>
<th>{'Column 2'}</th>
<th>{'Column 3'}</th>
<th>{'Column 4'}</th>
<th>{'Column 5'}</th>
</tr>
</thead>
<tbody>
<tr>
<td>{'Value 1'}</td>
<td>{'Value 2'}</td>
<td>
{' '}
<Button
onClick={() => alert('button clicked!')}
paddingLeft="none"
text="Action"
variant="link"
{...props}
/>
</td>
<td>{'Value 4'}</td>
<td>{'Value 5'}</td>
</tr>
<tr>
<td>{'Value 1'}</td>
<td>{'Value 2'}</td>
<td>
{' '}
<Button
onClick={() => alert('button clicked!')}
paddingLeft="none"
text="Action"
variant="link"
{...props}
/>
</td>
<td>{'Value 4'}</td>
<td>{'Value 5'}</td>
</tr>
<tr>
<td>{'Value 1'}</td>
<td>{'Value 2'}</td>
<td>
{' '}
<Button
onClick={() => alert('button clicked!')}
paddingLeft="none"
text="Action"
variant="link"
{...props}
/>
</td>
<td>{'Value 4'}</td>
<td>{'Value 5'}</td>
</tr>
</tbody>
</Table>
)
}
export default TableActionMiddle
Version data entries
94 entries across 94 versions & 1 rubygems