playbook_ui_docs 13.19.0.pre.alpha.play1141iconkitusinglibrary2264 → 13.20.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_table/docs/_table_div.html.erb +34 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_div.jsx +47 -0
- data/app/pb_kits/playbook/pb_table/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_table/docs/index.js +1 -0
- data/dist/playbook-doc.js +9 -9
- metadata +9 -7
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 5011fb31c9bf72b1b2be219af9b7a8f72c0c8f55c25ac10454cb7c255499bf44
|
|
4
|
+
data.tar.gz: e2568fe54ac4c2fa1ec5666e5638674db33165cf71f2204c4b8289322547d6dd
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 109f4e1214b129a1f3c46bc38819f68550f4e84d59593eb9287fb6cf58e2b58008769fc6ebd506ab9b59bda021619a6944a4d177db3fcb6490a25d869ca66445
|
|
7
|
+
data.tar.gz: acfc7dd64a983450095c0db2b32bf412dbb55f01adb4de1cbe5901d9d053e72de71146a0b13049ea265fd093b9225fc227ba70362655f9d64df3ad74cf192d4a
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
<%= pb_rails("table", props: { size: "sm", tag: "div" }) do %>
|
|
2
|
+
<div class="pb_table_thead">
|
|
3
|
+
<div class="pb_table_tr">
|
|
4
|
+
<div class="pb_table_th">Column 1</div>
|
|
5
|
+
<div class="pb_table_th">Column 2</div>
|
|
6
|
+
<div class="pb_table_th">Column 3</div>
|
|
7
|
+
<div class="pb_table_th">Column 4</div>
|
|
8
|
+
<div class="pb_table_th">Column 5</div>
|
|
9
|
+
</div>
|
|
10
|
+
</div>
|
|
11
|
+
<div class="pb_table_tbody">
|
|
12
|
+
<div class="pb_table_tr">
|
|
13
|
+
<div class="pb_table_td">Value 1</div>
|
|
14
|
+
<div class="pb_table_td">Value 2</div>
|
|
15
|
+
<div class="pb_table_td">Value 3</div>
|
|
16
|
+
<div class="pb_table_td">Value 4</div>
|
|
17
|
+
<div class="pb_table_td">Value 5</div>
|
|
18
|
+
</div>
|
|
19
|
+
<div class="pb_table_tr">
|
|
20
|
+
<div class="pb_table_td">Value 1</div>
|
|
21
|
+
<div class="pb_table_td">Value 2</div>
|
|
22
|
+
<div class="pb_table_td">Value 3</div>
|
|
23
|
+
<div class="pb_table_td">Value 4</div>
|
|
24
|
+
<div class="pb_table_td">Value 5</div>
|
|
25
|
+
</div>
|
|
26
|
+
<div class="pb_table_tr">
|
|
27
|
+
<div class="pb_table_td">Value 1</div>
|
|
28
|
+
<div class="pb_table_td">Value 2</div>
|
|
29
|
+
<div class="pb_table_td">Value 3</div>
|
|
30
|
+
<div class="pb_table_td">Value 4</div>
|
|
31
|
+
<div class="pb_table_td">Value 5</div>
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
<% end %>
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
import Table from '../_table'
|
|
3
|
+
|
|
4
|
+
const TableDiv = (props) => {
|
|
5
|
+
return (
|
|
6
|
+
<Table
|
|
7
|
+
size="sm"
|
|
8
|
+
tag="div"
|
|
9
|
+
{...props}
|
|
10
|
+
>
|
|
11
|
+
<div className="pb_table_thead">
|
|
12
|
+
<div className="pb_table_tr">
|
|
13
|
+
<div className="pb_table_th">{'Column 1'}</div>
|
|
14
|
+
<div className="pb_table_th">{'Column 2'}</div>
|
|
15
|
+
<div className="pb_table_th">{'Column 3'}</div>
|
|
16
|
+
<div className="pb_table_th">{'Column 4'}</div>
|
|
17
|
+
<div className="pb_table_th">{'Column 5'}</div>
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
<div className="pb_table_tbody">
|
|
21
|
+
<div className="pb_table_tr">
|
|
22
|
+
<div className="pb_table_td">{'Value 1'}</div>
|
|
23
|
+
<div className="pb_table_td">{'Value 2'}</div>
|
|
24
|
+
<div className="pb_table_td">{'Value 3'}</div>
|
|
25
|
+
<div className="pb_table_td">{'Value 4'}</div>
|
|
26
|
+
<div className="pb_table_td">{'Value 5'}</div>
|
|
27
|
+
</div>
|
|
28
|
+
<div className="pb_table_tr">
|
|
29
|
+
<div className="pb_table_td">{'Value 1'}</div>
|
|
30
|
+
<div className="pb_table_td">{'Value 2'}</div>
|
|
31
|
+
<div className="pb_table_td">{'Value 3'}</div>
|
|
32
|
+
<div className="pb_table_td">{'Value 4'}</div>
|
|
33
|
+
<div className="pb_table_td">{'Value 5'}</div>
|
|
34
|
+
</div>
|
|
35
|
+
<div className="pb_table_tr">
|
|
36
|
+
<div className="pb_table_td">{'Value 1'}</div>
|
|
37
|
+
<div className="pb_table_td">{'Value 2'}</div>
|
|
38
|
+
<div className="pb_table_td">{'Value 3'}</div>
|
|
39
|
+
<div className="pb_table_td">{'Value 4'}</div>
|
|
40
|
+
<div className="pb_table_td">{'Value 5'}</div>
|
|
41
|
+
</div>
|
|
42
|
+
</div>
|
|
43
|
+
</Table>
|
|
44
|
+
)
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
export default TableDiv
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
examples:
|
|
2
2
|
rails:
|
|
3
|
+
# - table_div: Div
|
|
3
4
|
- table_sm: Small
|
|
4
5
|
- table_md: Medium
|
|
5
6
|
- table_lg: Large
|
|
@@ -26,6 +27,7 @@ examples:
|
|
|
26
27
|
- table_striped: Striped Table
|
|
27
28
|
|
|
28
29
|
react:
|
|
30
|
+
# - table_div: Div
|
|
29
31
|
- table_sm: Small
|
|
30
32
|
- table_md: Medium
|
|
31
33
|
- table_lg: Large
|
|
@@ -21,3 +21,4 @@ export { default as TableAlignmentShiftData } from './_table_alignment_shift_dat
|
|
|
21
21
|
export { default as TableWithBackgroundKit } from './_table_with_background_kit.jsx'
|
|
22
22
|
export { default as TableVerticalBorder } from './_table_vertical_border.jsx'
|
|
23
23
|
export { default as TableStriped } from './_table_striped.jsx'
|
|
24
|
+
export { default as TableDiv } from './_table_div.jsx'
|