playbook_ui_docs 13.28.0.pre.alpha.pbntr312tableheaderflexremoval3019 → 13.28.0.pre.alpha.play829selectablecardalignment2978
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_alignment_column.html.erb +34 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_column.jsx +32 -33
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_column.md +1 -1
- data/app/pb_kits/playbook/pb_table/docs/{_table_outer_padding.html.erb → _table_alignment_row.html.erb} +7 -7
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_row.jsx +33 -33
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_row.md +1 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.html.erb +63 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx +50 -51
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.md +1 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.html.erb +52 -0
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.jsx +38 -37
- data/app/pb_kits/playbook/pb_table/docs/example.yml +9 -9
- data/app/pb_kits/playbook/pb_table/docs/index.js +0 -1
- data/dist/menu.yml +2 -5
- data/dist/playbook-doc.js +10 -10
- metadata +6 -19
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_default.jsx +0 -53
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx +0 -159
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.jsx +0 -121
- data/app/pb_kits/playbook/pb_draggable/docs/example.yml +0 -9
- data/app/pb_kits/playbook/pb_draggable/docs/index.js +0 -3
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_column_rails.html.erb +0 -33
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_column_rails.md +0 -2
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_row_rails.html.erb +0 -34
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_row_rails.md +0 -2
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data_rails.html.erb +0 -54
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data_rails.md +0 -2
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.md +0 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row_rails.html.erb +0 -53
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row_rails.md +0 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_outer_padding.jsx +0 -76
- data/app/pb_kits/playbook/pb_table/docs/_table_outer_padding.md +0 -1
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import Table from '../_table'
|
|
4
|
-
import Button from '../../pb_button/_button'
|
|
5
|
-
|
|
6
|
-
const TableOuterPadding = (props) => {
|
|
7
|
-
return (
|
|
8
|
-
<Table
|
|
9
|
-
outerPadding="sm"
|
|
10
|
-
size="sm"
|
|
11
|
-
{...props}
|
|
12
|
-
>
|
|
13
|
-
<thead>
|
|
14
|
-
<tr>
|
|
15
|
-
<th>{'Column 1'}</th>
|
|
16
|
-
<th>{'Column 2'}</th>
|
|
17
|
-
<th>{'Column 3'}</th>
|
|
18
|
-
<th>{'Column 4'}</th>
|
|
19
|
-
<th>{''}</th>
|
|
20
|
-
</tr>
|
|
21
|
-
</thead>
|
|
22
|
-
<tbody>
|
|
23
|
-
<tr>
|
|
24
|
-
<td>{'Value 1'}</td>
|
|
25
|
-
<td>{'Value 2'}</td>
|
|
26
|
-
<td>{'Value 3'}</td>
|
|
27
|
-
<td>{'Value 4'}</td>
|
|
28
|
-
<td align="right">
|
|
29
|
-
{' '}
|
|
30
|
-
<Button
|
|
31
|
-
onClick={() => alert('button clicked!')}
|
|
32
|
-
text="Action"
|
|
33
|
-
variant="secondary"
|
|
34
|
-
{...props}
|
|
35
|
-
/>
|
|
36
|
-
{' '}
|
|
37
|
-
</td>
|
|
38
|
-
</tr>
|
|
39
|
-
<tr>
|
|
40
|
-
<td>{'Value 1'}</td>
|
|
41
|
-
<td>{'Value 2'}</td>
|
|
42
|
-
<td>{'Value 3'}</td>
|
|
43
|
-
<td>{'Value 4'}</td>
|
|
44
|
-
<td align="right">
|
|
45
|
-
{' '}
|
|
46
|
-
<Button
|
|
47
|
-
onClick={() => alert('button clicked!')}
|
|
48
|
-
text="Action"
|
|
49
|
-
variant="secondary"
|
|
50
|
-
{...props}
|
|
51
|
-
/>
|
|
52
|
-
{' '}
|
|
53
|
-
</td>
|
|
54
|
-
</tr>
|
|
55
|
-
<tr>
|
|
56
|
-
<td>{'Value 1'}</td>
|
|
57
|
-
<td>{'Value 2'}</td>
|
|
58
|
-
<td>{'Value 3'}</td>
|
|
59
|
-
<td>{'Value 4'}</td>
|
|
60
|
-
<td align="right">
|
|
61
|
-
{' '}
|
|
62
|
-
<Button
|
|
63
|
-
onClick={() => alert('button clicked!')}
|
|
64
|
-
text="Action"
|
|
65
|
-
variant="secondary"
|
|
66
|
-
{...props}
|
|
67
|
-
/>
|
|
68
|
-
{' '}
|
|
69
|
-
</td>
|
|
70
|
-
</tr>
|
|
71
|
-
</tbody>
|
|
72
|
-
</Table>
|
|
73
|
-
)
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
export default TableOuterPadding
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Pass any of our spacing tokens to the `outerPadding` / `outer_padding` prop to customize a table's outer padding (both the left padding of the first column and the right padding of the last column).
|