playbook_ui_docs 16.0.0.pre.alpha.tempotextareasentry13639 β 16.0.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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.md +1 -1
- data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.jsx +1 -1
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.md +1 -1
- data/app/pb_kits/playbook/pb_multiple_users/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_textarea/docs/_textarea_emoji_mask.md +1 -1
- metadata +2 -7
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_disabled.html.erb +0 -135
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_disabled.jsx +0 -147
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_disabled.md +0 -1
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.html.erb +0 -30
- data/app/pb_kits/playbook/pb_table/docs/_sections.yml +0 -68
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: f6979e6789aa5d34bb598b9fb40404ff29658c2109f118497647503414d0aa57
|
|
4
|
+
data.tar.gz: fc1f6bfcfac4869de68fdee635d998bba02f6c75f75f05750e527957569cf755
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 93046e97dbb1c968907098cb73656a55fc7d25e0d43c0f915e37959e57fe745b3cdd2635c4b3403f37ca57060bdf54018c5e1e7fe3babf1fd15caa9bcbdbabac
|
|
7
|
+
data.tar.gz: 7442bdffb6f159cc45fa7d64da4cd98df25b700fc88d470b243740e7dbc82e504d7c23ac401c475754b2794b0bd5fc2e7dd0309939397106a761158aefc3fd1c
|
data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.md
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
individual items can also be disabled by including the `disabled:true` within the object on the treeData for the `returnAllSelected`/`return_all_selected` variant. As noted above, this variant will return data on all checked nodes from the dropdown, irrespective of whether it is a parent or child node.
|
|
@@ -15,7 +15,6 @@ examples:
|
|
|
15
15
|
- multi_level_select_disabled_options: Disabled Options (Return All Selected)
|
|
16
16
|
- multi_level_select_disabled_options_parent_default: Disabled Parent Option (Default)
|
|
17
17
|
- multi_level_select_disabled_options_parent: Disabled Parent Option (Return All Selected)
|
|
18
|
-
- multi_level_select_single_disabled: Disabled Options (Single Select)
|
|
19
18
|
|
|
20
19
|
react:
|
|
21
20
|
- multi_level_select_default: Default
|
|
@@ -34,4 +33,3 @@ examples:
|
|
|
34
33
|
- multi_level_select_disabled_options: Disabled Options (Return All Selected)
|
|
35
34
|
- multi_level_select_disabled_options_parent_default: Disabled Parent Option (Default)
|
|
36
35
|
- multi_level_select_disabled_options_parent: Disabled Parent Option (Return All Selected)
|
|
37
|
-
- multi_level_select_single_disabled: Disabled Options (Single Select)
|
|
@@ -14,4 +14,3 @@ export { default as MultiLevelSelectDisabledOptionsParent } from './_multi_level
|
|
|
14
14
|
export { default as MultiLevelSelectDisabledOptionsParentDefault } from './_multi_level_select_disabled_options_parent_default.jsx'
|
|
15
15
|
export { default as MultiLevelSelectDisabledOptionsDefault } from './_multi_level_select_disabled_options_default.jsx'
|
|
16
16
|
export { default as MultiLevelSelectLabel } from './_multi_level_select_label.jsx'
|
|
17
|
-
export { default as MultiLevelSelectSingleDisabled } from './_multi_level_select_single_disabled.jsx'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Use the `withTooltip`
|
|
1
|
+
Use the `withTooltip` boolean prop to enable setting user-specific tooltip content via the `tooltip` property in the users array.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Use the `emojiMask` / `emoji_mask` prop to prevent users from entering emoji characters (πΈ π πββοΈ) in typed or pasted content. It allows accented characters and other non-ASCII letters (Γ©, ΓΌ, ζ).
|
|
1
|
+
Use the `emojiMask` / `emoji_mask` prop to prevent users from entering emoji characters (πΈ π πββοΈ) in typed or pasted content. It allows accented characters and other non-ASCII letters (Γ©, ΓΌ, ζ).
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: playbook_ui_docs
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 16.0.0
|
|
4
|
+
version: 16.0.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Power UX
|
|
@@ -9,7 +9,7 @@ authors:
|
|
|
9
9
|
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date: 2026-01-
|
|
12
|
+
date: 2026-01-09 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: playbook_ui
|
|
@@ -1429,9 +1429,6 @@ files:
|
|
|
1429
1429
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.html.erb
|
|
1430
1430
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.jsx
|
|
1431
1431
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.md
|
|
1432
|
-
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_disabled.html.erb
|
|
1433
|
-
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_disabled.jsx
|
|
1434
|
-
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_disabled.md
|
|
1435
1432
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_children.jsx
|
|
1436
1433
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_children.md
|
|
1437
1434
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_children_with_radios.jsx
|
|
@@ -1451,7 +1448,6 @@ files:
|
|
|
1451
1448
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.jsx
|
|
1452
1449
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.md
|
|
1453
1450
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size_swift.md
|
|
1454
|
-
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.html.erb
|
|
1455
1451
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.jsx
|
|
1456
1452
|
- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.md
|
|
1457
1453
|
- app/pb_kits/playbook/pb_multiple_users/docs/example.yml
|
|
@@ -2124,7 +2120,6 @@ files:
|
|
|
2124
2120
|
- app/pb_kits/playbook/pb_stat_value/docs/example.yml
|
|
2125
2121
|
- app/pb_kits/playbook/pb_stat_value/docs/index.js
|
|
2126
2122
|
- app/pb_kits/playbook/pb_table/docs/_description.md
|
|
2127
|
-
- app/pb_kits/playbook/pb_table/docs/_sections.yml
|
|
2128
2123
|
- app/pb_kits/playbook/pb_table/docs/_table_action_middle.html.erb
|
|
2129
2124
|
- app/pb_kits/playbook/pb_table/docs/_table_action_middle.jsx
|
|
2130
2125
|
- app/pb_kits/playbook/pb_table/docs/_table_action_middle.md
|
data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_disabled.html.erb
DELETED
|
@@ -1,135 +0,0 @@
|
|
|
1
|
-
<% treeData = [
|
|
2
|
-
{
|
|
3
|
-
label: "HQ",
|
|
4
|
-
value: "hQ",
|
|
5
|
-
id: "hq2",
|
|
6
|
-
},
|
|
7
|
-
{
|
|
8
|
-
label: "Philadelphia",
|
|
9
|
-
value: "philadelphia",
|
|
10
|
-
id: "phl2",
|
|
11
|
-
disabled: true,
|
|
12
|
-
children: [
|
|
13
|
-
{
|
|
14
|
-
label: "Marketing & Sales PHL",
|
|
15
|
-
value: "marketingAndSalesPhl",
|
|
16
|
-
id: "marketingPHL2",
|
|
17
|
-
},
|
|
18
|
-
{
|
|
19
|
-
label: "Installation Office PHL",
|
|
20
|
-
value: "installationOfficePhl",
|
|
21
|
-
id: "installationPHL2",
|
|
22
|
-
},
|
|
23
|
-
{
|
|
24
|
-
label: "Warehouse PHL",
|
|
25
|
-
value: "warehousePhl",
|
|
26
|
-
id: "warehousePHL2",
|
|
27
|
-
},
|
|
28
|
-
]
|
|
29
|
-
},
|
|
30
|
-
{
|
|
31
|
-
label: "New Jersey",
|
|
32
|
-
value: "newJersey",
|
|
33
|
-
id: "nj2",
|
|
34
|
-
children: [
|
|
35
|
-
{
|
|
36
|
-
label: "New Jersey",
|
|
37
|
-
value: "newJersey",
|
|
38
|
-
id: "nj12",
|
|
39
|
-
children: [
|
|
40
|
-
{
|
|
41
|
-
label: "Marketing & Sales NJ",
|
|
42
|
-
value: "marketingAndSalesNj",
|
|
43
|
-
id: "marketingNJ2",
|
|
44
|
-
disabled: true,
|
|
45
|
-
},
|
|
46
|
-
{
|
|
47
|
-
label: "Installation Office NJ",
|
|
48
|
-
value: "installationOfficeNj",
|
|
49
|
-
id: "installationNJ2",
|
|
50
|
-
},
|
|
51
|
-
{
|
|
52
|
-
label: "Warehouse NJ",
|
|
53
|
-
value: "warehouseNj",
|
|
54
|
-
id: "warehouseNJ2",
|
|
55
|
-
},
|
|
56
|
-
],
|
|
57
|
-
},
|
|
58
|
-
{
|
|
59
|
-
label: "Princeton",
|
|
60
|
-
value: "princeton",
|
|
61
|
-
id: "princeton2",
|
|
62
|
-
children: [
|
|
63
|
-
{
|
|
64
|
-
label: "Marketing & Sales Princeton",
|
|
65
|
-
value: "marketingAndSalesPrinceton",
|
|
66
|
-
id: "marketingPR2",
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
label: "Installation Office Princeton",
|
|
70
|
-
value: "installationOfficePrinceton",
|
|
71
|
-
id: "installationPR2",
|
|
72
|
-
disabled: true,
|
|
73
|
-
},
|
|
74
|
-
{
|
|
75
|
-
label: "Warehouse Princeton",
|
|
76
|
-
value: "warehousePrinceton",
|
|
77
|
-
id: "warehousePR2",
|
|
78
|
-
},
|
|
79
|
-
]
|
|
80
|
-
},
|
|
81
|
-
]
|
|
82
|
-
},
|
|
83
|
-
{
|
|
84
|
-
label: "Maryland",
|
|
85
|
-
value: "maryland",
|
|
86
|
-
id: "MD2",
|
|
87
|
-
children: [
|
|
88
|
-
{
|
|
89
|
-
label: "Marketing & Sales MD",
|
|
90
|
-
value: "marketingAndSalesMd",
|
|
91
|
-
id: "marketingMD2",
|
|
92
|
-
},
|
|
93
|
-
{
|
|
94
|
-
label: "Installation Office MD",
|
|
95
|
-
value: "installationOfficeMd",
|
|
96
|
-
id: "installationMD2",
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
label: "Warehouse MD",
|
|
100
|
-
value: "warehouseMd",
|
|
101
|
-
id: "warehouseMD2",
|
|
102
|
-
},
|
|
103
|
-
]
|
|
104
|
-
},
|
|
105
|
-
{
|
|
106
|
-
label: "Connecticut",
|
|
107
|
-
value: "connecticut",
|
|
108
|
-
id: "CT2",
|
|
109
|
-
children: [
|
|
110
|
-
{
|
|
111
|
-
label: "Marketing & Sales CT",
|
|
112
|
-
value: "marketingAndSalesCt",
|
|
113
|
-
id: "marketingCT2",
|
|
114
|
-
},
|
|
115
|
-
{
|
|
116
|
-
label: "Installation Office CT",
|
|
117
|
-
value: "installationOfficeCt",
|
|
118
|
-
id: "installationCT2",
|
|
119
|
-
},
|
|
120
|
-
{
|
|
121
|
-
label: "Warehouse CT",
|
|
122
|
-
value: "warehouseCt",
|
|
123
|
-
id: "warehouseCT2",
|
|
124
|
-
},
|
|
125
|
-
]
|
|
126
|
-
},
|
|
127
|
-
] %>
|
|
128
|
-
|
|
129
|
-
<%= pb_rails("multi_level_select", props: {
|
|
130
|
-
id: "multi-level-select-single-disabled-rails",
|
|
131
|
-
name: "single_disabled",
|
|
132
|
-
tree_data: treeData,
|
|
133
|
-
input_name: "Power",
|
|
134
|
-
variant: "single"
|
|
135
|
-
}) %>
|
data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_disabled.jsx
DELETED
|
@@ -1,147 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import MultiLevelSelect from "../_multi_level_select";
|
|
3
|
-
|
|
4
|
-
const treeData = [
|
|
5
|
-
{
|
|
6
|
-
label: "HQ",
|
|
7
|
-
value: "hQ",
|
|
8
|
-
id: "hq2",
|
|
9
|
-
},
|
|
10
|
-
{
|
|
11
|
-
label: "Philadelphia",
|
|
12
|
-
value: "philadelphia",
|
|
13
|
-
id: "phl2",
|
|
14
|
-
disabled: true,
|
|
15
|
-
children: [
|
|
16
|
-
{
|
|
17
|
-
label: "Marketing & Sales PHL",
|
|
18
|
-
value: "marketingAndSalesPhl",
|
|
19
|
-
id: "marketingPHL2",
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
label: "Installation Office PHL",
|
|
23
|
-
value: "installationOfficePhl",
|
|
24
|
-
id: "installationPHL2",
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
label: "Warehouse PHL",
|
|
28
|
-
value: "warehousePhl",
|
|
29
|
-
id: "warehousePHL2",
|
|
30
|
-
},
|
|
31
|
-
]
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
label: "New Jersey",
|
|
35
|
-
value: "newJersey",
|
|
36
|
-
id: "nj2",
|
|
37
|
-
children: [
|
|
38
|
-
{
|
|
39
|
-
label: "New Jersey",
|
|
40
|
-
value: "newJersey",
|
|
41
|
-
id: "nj12",
|
|
42
|
-
children: [
|
|
43
|
-
{
|
|
44
|
-
label: "Marketing & Sales NJ",
|
|
45
|
-
value: "marketingAndSalesNj",
|
|
46
|
-
id: "marketingNJ2",
|
|
47
|
-
disabled: true,
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
label: "Installation Office NJ",
|
|
51
|
-
value: "installationOfficeNj",
|
|
52
|
-
id: "installationNJ2",
|
|
53
|
-
},
|
|
54
|
-
{
|
|
55
|
-
label: "Warehouse NJ",
|
|
56
|
-
value: "warehouseNj",
|
|
57
|
-
id: "warehouseNJ2",
|
|
58
|
-
},
|
|
59
|
-
],
|
|
60
|
-
},
|
|
61
|
-
{
|
|
62
|
-
label: "Princeton",
|
|
63
|
-
value: "princeton",
|
|
64
|
-
id: "princeton2",
|
|
65
|
-
children: [
|
|
66
|
-
{
|
|
67
|
-
label: "Marketing & Sales Princeton",
|
|
68
|
-
value: "marketingAndSalesPrinceton",
|
|
69
|
-
id: "marketingPR2",
|
|
70
|
-
},
|
|
71
|
-
{
|
|
72
|
-
label: "Installation Office Princeton",
|
|
73
|
-
value: "installationOfficePrinceton",
|
|
74
|
-
id: "installationPR2",
|
|
75
|
-
disabled: true,
|
|
76
|
-
},
|
|
77
|
-
{
|
|
78
|
-
label: "Warehouse Princeton",
|
|
79
|
-
value: "warehousePrinceton",
|
|
80
|
-
id: "warehousePR2",
|
|
81
|
-
},
|
|
82
|
-
]
|
|
83
|
-
},
|
|
84
|
-
]
|
|
85
|
-
},
|
|
86
|
-
{
|
|
87
|
-
label: "Maryland",
|
|
88
|
-
value: "maryland",
|
|
89
|
-
id: "MD2",
|
|
90
|
-
children: [
|
|
91
|
-
{
|
|
92
|
-
label: "Marketing & Sales MD",
|
|
93
|
-
value: "marketingAndSalesMd",
|
|
94
|
-
id: "marketingMD2",
|
|
95
|
-
},
|
|
96
|
-
{
|
|
97
|
-
label: "Installation Office MD",
|
|
98
|
-
value: "installationOfficeMd",
|
|
99
|
-
id: "installationMD2",
|
|
100
|
-
},
|
|
101
|
-
{
|
|
102
|
-
label: "Warehouse MD",
|
|
103
|
-
value: "warehouseMd",
|
|
104
|
-
id: "warehouseMD2",
|
|
105
|
-
},
|
|
106
|
-
]
|
|
107
|
-
},
|
|
108
|
-
{
|
|
109
|
-
label: "Connecticut",
|
|
110
|
-
value: "connecticut",
|
|
111
|
-
id: "CT2",
|
|
112
|
-
children: [
|
|
113
|
-
{
|
|
114
|
-
label: "Marketing & Sales CT",
|
|
115
|
-
value: "marketingAndSalesCt",
|
|
116
|
-
id: "marketingCT2",
|
|
117
|
-
},
|
|
118
|
-
{
|
|
119
|
-
label: "Installation Office CT",
|
|
120
|
-
value: "installationOfficeCt",
|
|
121
|
-
id: "installationCT2",
|
|
122
|
-
},
|
|
123
|
-
{
|
|
124
|
-
label: "Warehouse CT",
|
|
125
|
-
value: "warehouseCt",
|
|
126
|
-
id: "warehouseCT2",
|
|
127
|
-
},
|
|
128
|
-
]
|
|
129
|
-
},
|
|
130
|
-
];
|
|
131
|
-
|
|
132
|
-
const MultiLevelSelectSingleDisabled = (props) => {
|
|
133
|
-
return (
|
|
134
|
-
<div>
|
|
135
|
-
<MultiLevelSelect
|
|
136
|
-
id="multiselect-single-disabled"
|
|
137
|
-
inputName="Power"
|
|
138
|
-
onSelect={(selectedNode) => console.log("Selected Node", selectedNode)}
|
|
139
|
-
treeData={treeData}
|
|
140
|
-
variant="single"
|
|
141
|
-
{...props}
|
|
142
|
-
/>
|
|
143
|
-
</div>
|
|
144
|
-
)
|
|
145
|
-
};
|
|
146
|
-
|
|
147
|
-
export default MultiLevelSelectSingleDisabled;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Individual items can be disabled by including `disabled: true` within the object on the treeData for the `single` variant. Disabled options are visibly disabled in the dropdown UI and cannot be selected via mouse click or keyboard navigation. When a parent node is disabled, all of its children are automatically disabled as well.
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
<%= pb_rails("multiple_users", props: {
|
|
2
|
-
with_tooltip: true,
|
|
3
|
-
users: [
|
|
4
|
-
{
|
|
5
|
-
name: "Patrick Welch",
|
|
6
|
-
image_url: "https://randomuser.me/api/portraits/men/9.jpg",
|
|
7
|
-
tooltip: "Patrick Welch - Online"
|
|
8
|
-
},
|
|
9
|
-
{
|
|
10
|
-
name: "Lucille Sanchez",
|
|
11
|
-
image_url: "https://randomuser.me/api/portraits/women/6.jpg",
|
|
12
|
-
tooltip: "Lucille Sanchez - Offline"
|
|
13
|
-
},
|
|
14
|
-
{
|
|
15
|
-
name: "Beverly Reyes",
|
|
16
|
-
image_url: "https://randomuser.me/api/portraits/women/74.jpg",
|
|
17
|
-
tooltip: "Beverly Reyes - Online"
|
|
18
|
-
},
|
|
19
|
-
{
|
|
20
|
-
name: "Keith Craig",
|
|
21
|
-
image_url: "https://randomuser.me/api/portraits/men/40.jpg",
|
|
22
|
-
tooltip: "Keith Craig - Away"
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
name: "Alicia Cooper",
|
|
26
|
-
image_url: "https://randomuser.me/api/portraits/women/46.jpg",
|
|
27
|
-
tooltip: "Alicia Cooper - Busy"
|
|
28
|
-
}
|
|
29
|
-
]
|
|
30
|
-
}) %>
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
sections:
|
|
2
|
-
- title: "Size & Density"
|
|
3
|
-
examples:
|
|
4
|
-
- table_sm
|
|
5
|
-
- table_md
|
|
6
|
-
- table_lg
|
|
7
|
-
- table_multiline
|
|
8
|
-
- table_single_line
|
|
9
|
-
- table_outer_padding
|
|
10
|
-
|
|
11
|
-
- title: "Layout & Structure"
|
|
12
|
-
examples:
|
|
13
|
-
- table_responsive_table
|
|
14
|
-
- table_with_subcomponents
|
|
15
|
-
- table_with_subcomponents_as_divs
|
|
16
|
-
- table_with_background_kit
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
- title: "Sticky & Positional Behaviors"
|
|
20
|
-
examples:
|
|
21
|
-
- table_sticky
|
|
22
|
-
- table_sticky_left_columns
|
|
23
|
-
- table_sticky_right_columns
|
|
24
|
-
- table_sticky_columns
|
|
25
|
-
- table_alignment_row
|
|
26
|
-
- table_alignment_column
|
|
27
|
-
- table_alignment_shift_row
|
|
28
|
-
- table_alignment_shift_data
|
|
29
|
-
- table_side_highlight
|
|
30
|
-
- table_container
|
|
31
|
-
|
|
32
|
-
- title: "Collapsible & Nested Behaviors"
|
|
33
|
-
examples:
|
|
34
|
-
- table_with_collapsible
|
|
35
|
-
- table_with_dynamic_collapsible
|
|
36
|
-
- table_with_collapsible_with_custom_click
|
|
37
|
-
- table_with_collapsible_with_custom_content
|
|
38
|
-
- table_with_collapsible_with_nested_rows
|
|
39
|
-
- table_with_collapsible_with_nested_table
|
|
40
|
-
|
|
41
|
-
- title: "Data Presentation"
|
|
42
|
-
examples:
|
|
43
|
-
- table_data_table
|
|
44
|
-
- table_vertical_border
|
|
45
|
-
- table_striped
|
|
46
|
-
|
|
47
|
-
- title: "Header Variants"
|
|
48
|
-
examples:
|
|
49
|
-
- table_header
|
|
50
|
-
- table_with_header_style_borderless
|
|
51
|
-
- table_with_header_style_floating
|
|
52
|
-
|
|
53
|
-
- title: "Interactive Tables"
|
|
54
|
-
examples:
|
|
55
|
-
- table_with_clickable_rows
|
|
56
|
-
- table_with_selectable_rows
|
|
57
|
-
- table_with_filter_variant
|
|
58
|
-
- table_with_filter_variant_with_pagination
|
|
59
|
-
- table_disable_hover
|
|
60
|
-
|
|
61
|
-
- title: "Table Actions"
|
|
62
|
-
examples:
|
|
63
|
-
- table_one_action
|
|
64
|
-
- table_two_actions
|
|
65
|
-
- table_two_plus_actions
|
|
66
|
-
- table_action_middle
|
|
67
|
-
- table_icon_buttons
|
|
68
|
-
|