wix-style-react/src/Table/docs/examples/2_TableSkinExample.js

wix-style-react

/* eslint-disable */

() => {
  const records = [{ item: 'Item 1' }, { item: 'Item 2' }, { item: 'Item 3' }];
  const columns = [{ title: 'Column Name', render: row => row.item }];

  return (
    <Layout>
      <Cell span={6}>
        <Table skin="standard" data={records} columns={columns}>
          <Table.Content />
        </Table>
        <Box align="center" padding="small">
          <Text size="small">Standard Skin</Text>
        </Box>
      </Cell>
      <Cell span={6}>
        <Table skin="neutral" data={records} columns={columns}>
          <Table.Content />
        </Table>
        <Box align="center" padding="small">
          <Text size="small">Neutral Skin</Text>
        </Box>
      </Cell>
    </Layout>
  );
};