Skip to content

Commit 3cfbd9d

Browse files
wagnermacielwagnermaciel
authored
refactor(multiple): update headings for examples (#31501)
1 parent 12c6b08 commit 3cfbd9d

File tree

4 files changed

+46
-63
lines changed

4 files changed

+46
-63
lines changed

‎src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.html

Lines changed: 6 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,33 @@
11
<div>
22
<div class="example-accordion-grid">
33
<div class="example-accordion-container">
4-
<h4>Single expansion - Able to expand and collapse accordion panels.</h4>
4+
<h4>Single Expansion</h4>
55
<cdk-accordion-single-expansion-example></cdk-accordion-single-expansion-example>
66
</div>
77

88
<div class="example-accordion-container">
9-
<h4>Multi expansion - Able to expand and collapse multiple accordion panels</h4>
9+
<h4>Multi Expansion</h4>
1010
<cdk-accordion-multi-expansion-example></cdk-accordion-multi-expansion-example>
1111
</div>
1212

1313
<div class="example-accordion-container">
14-
<h4>
15-
Disabled Accordions are Focusable - Able to navigate to a disabled accordion. Disabled
16-
accordions are not expandable.
17-
</h4>
14+
<h4>Disabled Accordions are Focusable</h4>
1815
<cdk-accordion-disabled-focusable-example></cdk-accordion-disabled-focusable-example>
1916
</div>
2017

2118
<div class="example-accordion-container">
22-
<h4>
23-
Disabled Accordions are Skipped - Disabled accordions are skipped over and not expandable.
24-
</h4>
19+
<h4>Disabled Accordions are Skipped</h4>
2520
<cdk-accordion-disabled-skipped-example></cdk-accordion-disabled-skipped-example>
2621
</div>
2722

2823
<div class="example-accordion-container">
29-
<h4>Disabled - Focus should land on the accordion group instead of an accordion trigger.</h4>
24+
<h4>Disabled</h4>
3025
<cdk-accordion-disabled-example></cdk-accordion-disabled-example>
3126
</div>
3227
</div>
3328

3429
<div class="example-configurable-accordion-container">
35-
<h4>Configurable Accordion</h4>
30+
<h4>Configurable</h4>
3631
<cdk-accordion-configurable-example></cdk-accordion-configurable-example>
3732
</div>
3833
</div>

‎src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.html

Lines changed: 22 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,69 +1,63 @@
11
<div>
22
<div class="example-listbox-grid">
33
<div class="example-listbox-container">
4-
<h4>Single Select - Able to navigate to and select an option.</h4>
5-
<cdk-listbox-single-select-example></cdk-listbox-single-select-example>
4+
<h4>Multi Select w/ Selection Follows Focus</h4>
5+
<cdk-listbox-multi-select-follow-focus-example></cdk-listbox-multi-select-follow-focus-example>
66
</div>
77

88
<div class="example-listbox-container">
9-
<h4>
10-
Multi Select - Able to select a range of options using shift + arrow keys, shift + home/end,
11-
and shift + clicking.
12-
</h4>
13-
<cdk-listbox-multi-select-example></cdk-listbox-multi-select-example>
9+
<h4>Single Select w/ Selection Follows Focus</h4>
10+
<cdk-listbox-single-select-follow-focus-example></cdk-listbox-single-select-follow-focus-example>
1411
</div>
1512

1613
<div class="example-listbox-container">
17-
<h4>Single Select w/ Selection Follows Focus</h4>
18-
<cdk-listbox-single-select-follow-focus-example></cdk-listbox-single-select-follow-focus-example>
14+
<h4>Multi Select</h4>
15+
<cdk-listbox-multi-select-example></cdk-listbox-multi-select-example>
1916
</div>
2017

2118
<div class="example-listbox-container">
22-
<h4>
23-
Multi Select w/ Selection Follows Focus - Able to navigate without changing selection by
24-
holding ctrl while navigating.
25-
</h4>
26-
<cdk-listbox-multi-select-follow-focus-example></cdk-listbox-multi-select-follow-focus-example>
19+
<h4>Single Select</h4>
20+
<cdk-listbox-single-select-example></cdk-listbox-single-select-example>
2721
</div>
2822

2923
<div class="example-listbox-container">
30-
<h4>Horizontal Orientation - Able to navigate using left and right arrow keys.</h4>
31-
<cdk-listbox-horizontal-example></cdk-listbox-horizontal-example>
24+
<h4>Disabled</h4>
25+
<cdk-listbox-disabled-example></cdk-listbox-disabled-example>
3226
</div>
3327

3428
<div class="example-listbox-container">
35-
<h4 dir="rtl">RTL & Horizontal Orientation - Able to navigate through the list as expected.</h4>
36-
<cdk-listbox-rtl-horizontal-example></cdk-listbox-rtl-horizontal-example>
29+
<h4>Readonly</h4>
30+
<cdk-listbox-readonly-example></cdk-listbox-readonly-example>
3731
</div>
3832

3933
<div class="example-listbox-container">
40-
<h4>Active Descendant - Able to navigate to and select an option.</h4>
41-
<cdk-listbox-active-descendant-example></cdk-listbox-active-descendant-example>
34+
<h4>Disabled Options are Skipped</h4>
35+
<cdk-listbox-disabled-skipped-example></cdk-listbox-disabled-skipped-example>
4236
</div>
4337

4438
<div class="example-listbox-container">
45-
<h4>Disabled Options are Focusable - Able to navigate to a disabled option. Disabled options are not selectable (including range selection).</h4>
39+
<h4>Disabled Options are Focusable</h4>
4640
<cdk-listbox-disabled-focusable-example></cdk-listbox-disabled-focusable-example>
4741
</div>
4842

4943
<div class="example-listbox-container">
50-
<h4>Disabled Options are Skipped - Disabled options are skipped over. Disabled options are not selectable (including range selection).</h4>
51-
<cdk-listbox-disabled-skipped-example></cdk-listbox-disabled-skipped-example>
44+
<h4>Active Descendant</h4>
45+
<cdk-listbox-active-descendant-example></cdk-listbox-active-descendant-example>
5246
</div>
5347

5448
<div class="example-listbox-container">
55-
<h4>Readonly - The listbox is navigable but selection state cannot be changed.</h4>
56-
<cdk-listbox-readonly-example></cdk-listbox-readonly-example>
49+
<h4 dir="rtl">RTL & Horizontal Orientation</h4>
50+
<cdk-listbox-rtl-horizontal-example></cdk-listbox-rtl-horizontal-example>
5751
</div>
5852

5953
<div class="example-listbox-container">
60-
<h4>Disabled - Focus should land on the listbox instead of an option.</h4>
61-
<cdk-listbox-disabled-example></cdk-listbox-disabled-example>
54+
<h4>Horizontal Orientation</h4>
55+
<cdk-listbox-horizontal-example></cdk-listbox-horizontal-example>
6256
</div>
6357
</div>
6458

6559
<div class="example-configurable-listbox-container">
66-
<h4>Configurable Listbox</h4>
60+
<h4>Configurable</h4>
6761
<cdk-listbox-configurable-example></cdk-listbox-configurable-example>
6862
</div>
6963
</div>

‎src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.html

Lines changed: 9 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,54 +1,48 @@
11
<div>
22
<div class="example-radio-grid">
33
<div class="example-radio-container">
4-
<h4>Standard - Able to navigate to and select an radio button.</h4>
4+
<h4>Standard</h4>
55
<cdk-radio-group-standard-example></cdk-radio-group-standard-example>
66
</div>
77

88
<div class="example-radio-container">
9-
<h4>Horizontal Orientation - Able to navigate using left and right arrow keys.</h4>
9+
<h4>Horizontal Orientation</h4>
1010
<cdk-radio-group-horizontal-example></cdk-radio-group-horizontal-example>
1111
</div>
1212

1313
<div class="example-radio-container">
14-
<h4 dir="rtl">RTL & Horizontal Orientation - Able to navigate as expected.</h4>
14+
<h4 dir="rtl">RTL & Horizontal Orientation</h4>
1515
<cdk-radio-group-rtl-horizontal-example></cdk-radio-group-rtl-horizontal-example>
1616
</div>
1717

1818
<div class="example-radio-container">
19-
<h4>Active Descendant - Able to navigate to and select a radio button.</h4>
19+
<h4>Active Descendant</h4>
2020
<cdk-radio-group-active-descendant-example></cdk-radio-group-active-descendant-example>
2121
</div>
2222

2323
<div class="example-radio-container">
24-
<h4>
25-
Disabled Options are Focusable - Able to navigate to a disabled radio button. Disabled radio
26-
buttons are not selectable.
27-
</h4>
24+
<h4>Disabled Radio Buttons are Focusable</h4>
2825
<cdk-radio-group-disabled-focusable-example></cdk-radio-group-disabled-focusable-example>
2926
</div>
3027

3128
<div class="example-radio-container">
32-
<h4>
33-
Disabled Options are Skipped - Disabled radio buttons are skipped over. Disabled radio
34-
buttons are not selectable.
35-
</h4>
29+
<h4>Disabled Radio Buttons are Skipped</h4>
3630
<cdk-radio-group-disabled-skipped-example></cdk-radio-group-disabled-skipped-example>
3731
</div>
3832

3933
<div class="example-radio-container">
40-
<h4>Readonly - The radio group is navigable but selection state cannot be changed.</h4>
34+
<h4>Readonly</h4>
4135
<cdk-radio-group-readonly-example></cdk-radio-group-readonly-example>
4236
</div>
4337

4438
<div class="example-radio-container">
45-
<h4>Disabled - Focus should land on the listbox instead of an option.</h4>
39+
<h4>Disabled</h4>
4640
<cdk-radio-group-disabled-example></cdk-radio-group-disabled-example>
4741
</div>
4842
</div>
4943

5044
<div class="example-configurable-radio-container">
51-
<h4>Configurable CDK Radio Group</h4>
45+
<h4>Configurable</h4>
5246
<cdk-radio-group-configurable-example></cdk-radio-group-configurable-example>
5347
</div>
5448
</div>

‎src/dev-app/cdk-experimental-tabs/cdk-tabs-demo.html

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,46 +1,46 @@
11
<div class="example-tabs-grid">
22
<div class="example-tabs-container">
3-
<h4>Explicit Selection - Able to navigate between tabs and select tabs.</h4>
3+
<h4>Standard</h4>
44
<cdk-tabs-explicit-selection-example></cdk-tabs-explicit-selection-example>
55
</div>
66

77
<div class="example-tabs-container">
8-
<h4>Selection Follows Focus - Navigating between tabs also changes the selected tab.</h4>
8+
<h4>Selection Follows Focus</h4>
99
<cdk-tabs-selection-follows-focus-example></cdk-tabs-selection-follows-focus-example>
1010
</div>
1111

1212
<div class="example-tabs-container">
13-
<h4>Horizontal Orientation - Able to navigate between tabs.</h4>
13+
<h4>Horizontal Orientation</h4>
1414
<cdk-tabs-vertical-example></cdk-tabs-vertical-example>
1515
</div>
1616

1717
<div class="example-tabs-container">
18-
<h4>RTL & Horizontal Orientation - Able to navigate between tabs.</h4>
18+
<h4>RTL & Horizontal Orientation</h4>
1919
<cdk-tabs-rtl-vertical-example></cdk-tabs-rtl-vertical-example>
2020
</div>
2121

2222
<div class="example-tabs-container">
23-
<h4>Active Descendant - Able to navigate between tabs.</h4>
23+
<h4>Active Descendant</h4>
2424
<cdk-tabs-active-descendant-example></cdk-tabs-active-descendant-example>
2525
</div>
2626

2727
<div class="example-tabs-container">
28-
<h4>Disabled Tabs are Focusable - Able to navigate to a disabled tab. Disabled tabs are not selectable.</h4>
28+
<h4>Disabled Tabs are Focusable</h4>
2929
<cdk-tabs-disabled-focusable-example></cdk-tabs-disabled-focusable-example>
3030
</div>
3131

3232
<div class="example-tabs-container">
33-
<h4>Disabled Tabs are Skipped - Disabled tabs are skipped over. Disabled tabs are not selectable.</h4>
33+
<h4>Disabled Tabs are Skipped</h4>
3434
<cdk-tabs-disabled-skipped-example></cdk-tabs-disabled-skipped-example>
3535
</div>
3636

3737
<div class="example-tabs-container">
38-
<h4>Disabled - Focus should land on the tablist instead of a tab.</h4>
38+
<h4>Disabled</h4>
3939
<cdk-tabs-disabled-example></cdk-tabs-disabled-example>
4040
</div>
4141
</div>
4242

4343
<div class="example-configurable-tabs-container">
44-
<h4>Configurable Tabs</h4>
44+
<h4>Configurable</h4>
4545
<cdk-tabs-configurable-example></cdk-tabs-configurable-example>
4646
</div>

0 commit comments

Comments
 (0)