diff --git a/src/mantine-core/src/Table/Table.story.tsx b/src/mantine-core/src/Table/Table.story.tsx new file mode 100644 index 00000000000..704d68f2aec --- /dev/null +++ b/src/mantine-core/src/Table/Table.story.tsx @@ -0,0 +1,42 @@ +import React from 'react'; +import { MantineProvider } from '@mantine/styles'; +import { Table } from './Table'; + +export default { title: 'Table' }; + +const elements = [ + { position: 6, mass: 12.011, symbol: 'C', name: 'Carbon' }, + { position: 7, mass: 14.007, symbol: 'N', name: 'Nitrogen' }, + { position: 39, mass: 88.906, symbol: 'Y', name: 'Yttrium' }, + { position: 56, mass: 137.33, symbol: 'Ba', name: 'Barium' }, + { position: 58, mass: 140.12, symbol: 'Ce', name: 'Cerium' }, +]; + +export function Usage() { + const rows = elements.map((element) => ( +
Element position | +Element name | +Symbol | +Atomic mass | +
---|