Sha256: e84fdcebd9fe19bd69a6ded948f9630edceeff8ad6d21eab19b45500a947ee16
Contents?: true
Size: 982 Bytes
Versions: 679
Compression:
Stored size: 982 Bytes
Contents
import React from 'react'
import {
Overlay,
Table,
} from 'playbook-ui'
const TableExample = () => {
return (
<Table size="sm">
<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>
{Array.from({ length: 7 }, (_, index) => (
<tr key={index}>
{Array.from({ length: 5 }, (_, columnIndex) => (
<td key={columnIndex}>{`Value ${columnIndex + 1}`}</td>
))}
</tr>
))}
</tbody>
</Table>
)
}
const OverlayDefault = () => (
<>
<Overlay>
<TableExample />
</Overlay>
</>
)
export default OverlayDefault
Version data entries
679 entries across 679 versions & 2 rubygems