mirror of
https://github.com/nextui-org/nextui.git
synced 2025-12-08 19:26:11 +00:00
50 lines
1.3 KiB
TypeScript
50 lines
1.3 KiB
TypeScript
const App = `import { Table } from '@nextui-org/react';
|
|
|
|
export default function App() {
|
|
return <Table
|
|
aria-label="Example static collection table"
|
|
css={{
|
|
height: 'auto',
|
|
minWidth: '100%',
|
|
}}
|
|
selectionMode="single"
|
|
>
|
|
<Table.Header>
|
|
<Table.Column>NAME</Table.Column>
|
|
<Table.Column>ROLE</Table.Column>
|
|
<Table.Column>STATUS</Table.Column>
|
|
</Table.Header>
|
|
<Table.Body>
|
|
<Table.Row key="1">
|
|
<Table.Cell>Tony Reichert</Table.Cell>
|
|
<Table.Cell>CEO</Table.Cell>
|
|
<Table.Cell>Active</Table.Cell>
|
|
</Table.Row>
|
|
<Table.Row key="2">
|
|
<Table.Cell>Zoey Lang</Table.Cell>
|
|
<Table.Cell>Technical Lead</Table.Cell>
|
|
<Table.Cell>Paused</Table.Cell>
|
|
</Table.Row>
|
|
<Table.Row key="3">
|
|
<Table.Cell>Jane Fisher</Table.Cell>
|
|
<Table.Cell>Senior Developer</Table.Cell>
|
|
<Table.Cell>Active</Table.Cell>
|
|
</Table.Row>
|
|
<Table.Row key="4">
|
|
<Table.Cell>William Howard</Table.Cell>
|
|
<Table.Cell>Community Manager</Table.Cell>
|
|
<Table.Cell>Vacation</Table.Cell>
|
|
</Table.Row>
|
|
</Table.Body>
|
|
</Table>;
|
|
}
|
|
`;
|
|
|
|
const react = {
|
|
'/App.js': App
|
|
};
|
|
|
|
export default {
|
|
...react
|
|
};
|