nextui/apps/docs/content/components/table/multiple-selection.ts
2022-06-19 18:37:36 -03:00

51 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 with multiple selection"
css={{
height: "auto",
minWidth: "100%",
}}
selectionMode="multiple"
>
<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,
};