@workday/canvas-kit-docs 9.1.34 → 9.1.36
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.
|
@@ -4,6 +4,7 @@ import {Table} from '@workday/canvas-kit-preview-react/table';
|
|
|
4
4
|
import Basic from './examples/Basic';
|
|
5
5
|
import BasicWithHeading from './examples/BasicWithHeading';
|
|
6
6
|
import FixedColumn from './examples/FixedColumn';
|
|
7
|
+
import RightToLeft from './examples/RightToLeft';
|
|
7
8
|
|
|
8
9
|
|
|
9
10
|
# Canvas Kit Table
|
|
@@ -29,6 +30,12 @@ customization of the title/heading of their table.
|
|
|
29
30
|
|
|
30
31
|
<ExampleCodeBlock code={BasicWithHeading} />
|
|
31
32
|
|
|
33
|
+
### Right to Left
|
|
34
|
+
|
|
35
|
+
Table supports right-to-left languages when specified in the CanvasProvider theme.
|
|
36
|
+
|
|
37
|
+
<ExampleCodeBlock code={RightToLeft} />
|
|
38
|
+
|
|
32
39
|
### Example with Caption
|
|
33
40
|
|
|
34
41
|
Users are free to use a `caption` instead of a heading. A `caption` is not required but it is good
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
import {Table} from '@workday/canvas-kit-preview-react/table';
|
|
4
|
+
import {CanvasProvider, ContentDirection} from '@workday/canvas-kit-react/common';
|
|
5
|
+
|
|
6
|
+
export default () => {
|
|
7
|
+
return (
|
|
8
|
+
<CanvasProvider theme={{canvas: {direction: ContentDirection.RTL}}}>
|
|
9
|
+
<Table>
|
|
10
|
+
<Table.Caption>משקאות קפה וגדלים</Table.Caption>
|
|
11
|
+
<Table.Head>
|
|
12
|
+
<Table.Row>
|
|
13
|
+
<Table.Header scope="col" backgroundColor="soap100">
|
|
14
|
+
מַשׁקֶה
|
|
15
|
+
</Table.Header>
|
|
16
|
+
<Table.Header scope="col" backgroundColor="soap100">
|
|
17
|
+
גודל
|
|
18
|
+
</Table.Header>
|
|
19
|
+
</Table.Row>
|
|
20
|
+
</Table.Head>
|
|
21
|
+
<Table.Body>
|
|
22
|
+
<Table.Row>
|
|
23
|
+
<Table.Cell>אספרסו</Table.Cell>
|
|
24
|
+
<Table.Cell>1 גר</Table.Cell>
|
|
25
|
+
</Table.Row>
|
|
26
|
+
<Table.Row>
|
|
27
|
+
<Table.Cell>מקיאטו</Table.Cell>
|
|
28
|
+
<Table.Cell>2 גרם אספרסו</Table.Cell>
|
|
29
|
+
</Table.Row>
|
|
30
|
+
<Table.Row>
|
|
31
|
+
<Table.Cell>גזירה</Table.Cell>
|
|
32
|
+
<Table.Cell>2 גרם אספרסו, 1 גרם חלב מוקצף</Table.Cell>
|
|
33
|
+
</Table.Row>
|
|
34
|
+
</Table.Body>
|
|
35
|
+
</Table>
|
|
36
|
+
</CanvasProvider>
|
|
37
|
+
);
|
|
38
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-docs",
|
|
3
|
-
"version": "9.1.
|
|
3
|
+
"version": "9.1.36",
|
|
4
4
|
"description": "Documentation components of Canvas Kit components",
|
|
5
5
|
"author": "Workday, Inc. (https://www.workday.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -44,9 +44,9 @@
|
|
|
44
44
|
"dependencies": {
|
|
45
45
|
"@emotion/styled": "^11.6.0",
|
|
46
46
|
"@storybook/csf": "0.0.1",
|
|
47
|
-
"@workday/canvas-kit-labs-react": "^9.1.
|
|
48
|
-
"@workday/canvas-kit-preview-react": "^9.1.
|
|
49
|
-
"@workday/canvas-kit-react": "^9.1.
|
|
47
|
+
"@workday/canvas-kit-labs-react": "^9.1.36",
|
|
48
|
+
"@workday/canvas-kit-preview-react": "^9.1.36",
|
|
49
|
+
"@workday/canvas-kit-react": "^9.1.36",
|
|
50
50
|
"@workday/canvas-system-icons-web": "^3.0.0",
|
|
51
51
|
"markdown-to-jsx": "^6.10.3",
|
|
52
52
|
"ts-node": "^10.9.1"
|
|
@@ -57,5 +57,5 @@
|
|
|
57
57
|
"mkdirp": "^1.0.3",
|
|
58
58
|
"typescript": "4.2"
|
|
59
59
|
},
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "fd75984b9875504e4db280fe59bea0b4e74c2742"
|
|
61
61
|
}
|