@workday/canvas-kit-docs 11.0.0-alpha.707-next.0 → 11.0.0-alpha.710-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,36 +0,0 @@
1
- import React from 'react';
2
-
3
- import {Table} from '@workday/canvas-kit-preview-react/table';
4
-
5
- export default () => {
6
- return (
7
- <Table>
8
- <Table.Caption>Coffee Drinks and Sizes</Table.Caption>
9
- <Table.Head>
10
- <Table.Row>
11
- <Table.Header scope="col" backgroundColor="soap100">Drink</Table.Header>
12
- <Table.Header scope="col" backgroundColor="soap100">Size</Table.Header>
13
- </Table.Row>
14
- </Table.Head>
15
- <Table.Body>
16
- <Table.Row>
17
- <Table.Cell>Espresso</Table.Cell>
18
- <Table.Cell>1 oz</Table.Cell>
19
- </Table.Row>
20
- <Table.Row>
21
- <Table.Cell>Macchiato</Table.Cell>
22
- <Table.Cell>2 oz Espresso</Table.Cell>
23
- </Table.Row>
24
- <Table.Row>
25
- <Table.Cell>Cortado</Table.Cell>
26
- <Table.Cell>2 oz Espresso, 1 oz Foamed Milk</Table.Cell>
27
- </Table.Row>
28
- <Table.Row></Table.Row>
29
- <Table.Row>
30
- <Table.Cell>Cappuccino</Table.Cell>
31
- <Table.Cell>2 oz Espresso, 2 oz Foamed Milk, 2 oz Steamed Milk</Table.Cell>
32
- </Table.Row>
33
- </Table.Body>
34
- </Table>
35
- );
36
- };
@@ -1,25 +0,0 @@
1
- import React from 'react';
2
- import {Table, TableRow} from '@workday/canvas-kit-react/table';
3
-
4
- export default () => {
5
- return (
6
- <Table>
7
- <thead>
8
- <TableRow header={true}>
9
- <th>ID</th>
10
- <th>Name</th>
11
- <th>Position</th>
12
- <th>Location</th>
13
- </TableRow>
14
- </thead>
15
- <tbody>
16
- <TableRow>
17
- <td>1</td>
18
- <td>Aidan Brown</td>
19
- <td>Product Manager</td>
20
- <td>San Francisco, CA</td>
21
- </TableRow>
22
- </tbody>
23
- </Table>
24
- );
25
- };
@@ -1,54 +0,0 @@
1
- import React from 'react';
2
- import {Table, TableRow} from '@workday/canvas-kit-react/table';
3
-
4
- const columns = ['ID', 'Name', 'Position', 'Location'];
5
-
6
- const rows = [
7
- {
8
- data: [1, 'Aidan Brown', 'Product Manager', 'San Francisco, CA'],
9
- state: undefined,
10
- },
11
- {
12
- data: [2, 'Betty Chen', 'Product Designer', 'San Francisco, CA'],
13
- state: TableRow.State.Selected,
14
- },
15
- {
16
- data: [3, 'Helen Gonzalez', 'Application Developer', 'Portland, OR'],
17
- state: TableRow.State.Alert,
18
- },
19
- {
20
- data: [4, 'Timothy May', 'VP, Product Development', 'San Francisco, CA'],
21
- state: TableRow.State.InputAlert,
22
- },
23
- {
24
- data: [5, 'John Hours', 'Product Manager', 'New York, New York'],
25
- state: TableRow.State.Error,
26
- },
27
- {
28
- data: [6, 'Leslie Lang', 'Software Architect', 'New York, New York'],
29
- state: TableRow.State.InputError,
30
- },
31
- ];
32
-
33
- export default () => {
34
- return (
35
- <Table>
36
- <thead>
37
- <TableRow header={true}>
38
- {columns.map((col, i) => (
39
- <th key={i}>{col}</th>
40
- ))}
41
- </TableRow>
42
- </thead>
43
- <tbody>
44
- {rows.map((row, i) => (
45
- <TableRow key={i} state={row.state}>
46
- {row.data.map((cell, j) => (
47
- <td key={j}>{cell}</td>
48
- ))}
49
- </TableRow>
50
- ))}
51
- </tbody>
52
- </Table>
53
- );
54
- };