Sha256: 6cadf892e0306644914ee33c48e3752dff9a1eb0eb82065356ede5ef8954283a
Contents?: true
Size: 1.49 KB
Versions: 94
Compression:
Stored size: 1.49 KB
Contents
import React from 'react'
import { Table } from '../..'
import { CircleIconButton } from '../../'
const TableTwoPlusActions = (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>{''}</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"
{...props}
/>
</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"
{...props}
/>
</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"
{...props}
/>
</td>
</tr>
</tbody>
</Table>
)
}
export default TableTwoPlusActions
Version data entries
94 entries across 94 versions & 1 rubygems