Sha256: 88872dabc6525eab388c5bc897e3979150cef72b493879c92098325f973e6c81
Contents?: true
Size: 1.73 KB
Versions: 1087
Compression:
Stored size: 1.73 KB
Contents
import React from 'react'
import Table from '../_table'
import Button from '../../pb_button/_button'
const TableOuterPadding = (props) => {
return (
<Table
outerPadding="sm"
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 align="right">
{' '}
<Button
onClick={() => alert('button clicked!')}
text="Action"
variant="secondary"
{...props}
/>
{' '}
</td>
</tr>
<tr>
<td>{'Value 1'}</td>
<td>{'Value 2'}</td>
<td>{'Value 3'}</td>
<td>{'Value 4'}</td>
<td align="right">
{' '}
<Button
onClick={() => alert('button clicked!')}
text="Action"
variant="secondary"
{...props}
/>
{' '}
</td>
</tr>
<tr>
<td>{'Value 1'}</td>
<td>{'Value 2'}</td>
<td>{'Value 3'}</td>
<td>{'Value 4'}</td>
<td align="right">
{' '}
<Button
onClick={() => alert('button clicked!')}
text="Action"
variant="secondary"
{...props}
/>
{' '}
</td>
</tr>
</tbody>
</Table>
)
}
export default TableOuterPadding
Version data entries
1,087 entries across 1,087 versions & 2 rubygems