Sha256: 635fdf30faa716f5e78a6846f2469cccbc96688d204338406a6d6cb54aead8b5
Contents?: true
Size: 1.37 KB
Versions: 50
Compression:
Stored size: 1.37 KB
Contents
import React from 'react'
import { Table } from '../..'
import { CircleIconButton } from '../../'
const TableTwoPlusActions = () => {
return (
<Table size="sm">
<thead>
<tr>
<th>{'Column 1'}</th>
<th>{'Column 2'}</th>
<th>{'Column 3'}</th>
<th>{'Column 4'}</th>
<th>{''}</th>
</tr>
</thead>
<tbody>
<tr>
<td>{'Value 1'}</td>
<td>{'Value 2'}</td>
<td>{'Value 3'}</td>
<td>{'Value 4'}</td>
<td>
{' '}
<CircleIconButton
icon="ellipsis-h"
variant="secondary"
/>
</td>
</tr>
<tr>
<td>{'Value 1'}</td>
<td>{'Value 2'}</td>
<td>{'Value 3'}</td>
<td>{'Value 4'}</td>
<td>
{' '}
<CircleIconButton
icon="ellipsis-h"
variant="secondary"
/>
</td>
</tr>
<tr>
<td>{'Value 1'}</td>
<td>{'Value 2'}</td>
<td>{'Value 3'}</td>
<td>{'Value 4'}</td>
<td>
{' '}
<CircleIconButton
icon="ellipsis-h"
variant="secondary"
/>
</td>
</tr>
</tbody>
</Table>
)
}
export default TableTwoPlusActions
Version data entries
50 entries across 50 versions & 1 rubygems