Skip to content

Commit 87c2699

Browse files
evwilkinevwilkin
authored
chore(docs): update menutoggle examples icon prop (#11005)
* chore(docs): update menutoggle examples icon prop * chore(table): updated tests * chore(examples): don't wrap icons
1 parent f534db8 commit 87c2699

File tree

57 files changed

+245
-366
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

57 files changed

+245
-366
lines changed

‎packages/react-core/src/components/ActionList/examples/ActionListSingleGroup.tsx‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -84,9 +84,8 @@ export const ActionListSingleGroup: React.FunctionComponent = () => {
8484
variant="plain"
8585
isExpanded={isOpen}
8686
aria-label="Action list single group kebab"
87-
>
88-
<EllipsisVIcon />
89-
</MenuToggle>
87+
icon={<EllipsisVIcon />}
88+
/>
9089
)}
9190
isOpen={isOpen}
9291
onOpenChange={(isOpen: boolean) => setIsOpen(isOpen)}

‎packages/react-core/src/components/Card/examples/CardExpandable.tsx‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -71,9 +71,8 @@ export const CardExpandable: React.FunctionComponent = () => {
7171
onClick={() => setIsOpen(!isOpen)}
7272
variant="plain"
7373
aria-label="Card expandable example kebab toggle"
74-
>
75-
<EllipsisVIcon aria-hidden="true" />
76-
</MenuToggle>
74+
icon={<EllipsisVIcon aria-hidden="true" />}
75+
/>
7776
)}
7877
isOpen={isOpen}
7978
onOpenChange={(isOpen: boolean) => setIsOpen(isOpen)}

‎packages/react-core/src/components/Card/examples/CardExpandableWithIcon.tsx‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -67,9 +67,8 @@ export const CardExpandableWithIcon: React.FunctionComponent = () => {
6767
onClick={() => setIsOpen(!isOpen)}
6868
variant="plain"
6969
aria-label="Card expandable with icon example kebab toggle"
70-
>
71-
<EllipsisVIcon aria-hidden="true" />
72-
</MenuToggle>
70+
icon={<EllipsisVIcon aria-hidden="true" />}
71+
/>
7372
)}
7473
isOpen={isOpen}
7574
onOpenChange={(isOpen: boolean) => setIsOpen(isOpen)}

‎packages/react-core/src/components/Card/examples/CardHeaderInCardHead.tsx‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -58,9 +58,8 @@ export const CardTitleInHeader: React.FunctionComponent = () => {
5858
onClick={() => setIsOpen(!isOpen)}
5959
variant="plain"
6060
aria-label="Card title inline with images and actions example kebab toggle"
61-
>
62-
<EllipsisVIcon aria-hidden="true" />
63-
</MenuToggle>
61+
icon={<EllipsisVIcon aria-hidden="true" />}
62+
/>
6463
)}
6564
isOpen={isOpen}
6665
onOpenChange={(isOpen: boolean) => setIsOpen(isOpen)}

‎packages/react-core/src/components/Card/examples/CardOnlyActionsInCardHead.tsx‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -56,9 +56,8 @@ export const CardOnlyActionsInCardHead: React.FunctionComponent = () => {
5656
onClick={() => setIsOpen(!isOpen)}
5757
variant="plain"
5858
aria-label="Card header without title example kebab toggle"
59-
>
60-
<EllipsisVIcon aria-hidden="true" />
61-
</MenuToggle>
59+
icon={<EllipsisVIcon aria-hidden="true" />}
60+
/>
6261
)}
6362
isOpen={isOpen}
6463
onOpenChange={(isOpen: boolean) => setIsOpen(isOpen)}

‎packages/react-core/src/components/Card/examples/CardWithImageAndActions.tsx‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -64,9 +64,8 @@ export const CardWithImageAndActions: React.FunctionComponent = () => {
6464
onClick={() => setIsOpen(!isOpen)}
6565
variant="plain"
6666
aria-label="Card header images and actions example kebab toggle"
67-
>
68-
<EllipsisVIcon aria-hidden="true" />
69-
</MenuToggle>
67+
icon={<EllipsisVIcon aria-hidden="true" />}
68+
/>
7069
)}
7170
isOpen={isOpen}
7271
onOpenChange={(isOpen: boolean) => setIsOpen(isOpen)}

‎packages/react-core/src/components/DataList/examples/DataListActions.tsx‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -86,9 +86,8 @@ export const DataListActions: React.FunctionComponent = () => {
8686
onClick={onToggle}
8787
variant="plain"
8888
aria-label="Data list with actions example kebab toggle"
89-
>
90-
<EllipsisVIcon aria-hidden="true" />
91-
</MenuToggle>
89+
icon={<EllipsisVIcon aria-hidden="true" />}
90+
/>
9291
)}
9392
isOpen={isOpen}
9493
onOpenChange={(isOpen: boolean) => setIsOpen(isOpen)}

‎packages/react-core/src/components/DataList/examples/DataListCheckboxes.tsx‎

Lines changed: 6 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -84,9 +84,8 @@ export const DataListCheckboxes: React.FunctionComponent = () => {
8484
onClick={onToggle1}
8585
variant="plain"
8686
aria-label="Data list with checkboxes, actions and additional cells example kebab toggle 1"
87-
>
88-
<EllipsisVIcon aria-hidden="true" />
89-
</MenuToggle>
87+
icon={<EllipsisVIcon aria-hidden="true" />}
88+
/>
9089
)}
9190
isOpen={isOpen1}
9291
onOpenChange={(isOpen: boolean) => setIsOpen1(isOpen)}
@@ -139,9 +138,8 @@ export const DataListCheckboxes: React.FunctionComponent = () => {
139138
onClick={onToggle2}
140139
variant="plain"
141140
aria-label="Data list with checkboxes, actions and additional cells example kebab toggle 2"
142-
>
143-
<EllipsisVIcon aria-hidden="true" />
144-
</MenuToggle>
141+
icon={<EllipsisVIcon aria-hidden="true" />}
142+
/>
145143
)}
146144
isOpen={isOpen2}
147145
onOpenChange={(isOpen: boolean) => setIsOpen2(isOpen)}
@@ -203,9 +201,8 @@ export const DataListCheckboxes: React.FunctionComponent = () => {
203201
onClick={onToggle3}
204202
variant="plain"
205203
aria-label="Data list with checkboxes, actions and additional cells example kebab toggle 3"
206-
>
207-
<EllipsisVIcon aria-hidden="true" />
208-
</MenuToggle>
204+
icon={<EllipsisVIcon aria-hidden="true" />}
205+
/>
209206
)}
210207
isOpen={isOpen3}
211208
onOpenChange={(isOpen: boolean) => setIsOpen3(isOpen)}

‎packages/react-core/src/components/DataList/examples/DataListClickableRows.tsx‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -76,9 +76,8 @@ export const DataListClickableRows: React.FunctionComponent = () => {
7676
onClick={onToggle1}
7777
variant="plain"
7878
aria-label="Data list clickable rows example kebab toggle 1"
79-
>
80-
<EllipsisVIcon aria-hidden="true" />
81-
</MenuToggle>
79+
icon={<EllipsisVIcon aria-hidden="true" />}
80+
/>
8281
)}
8382
isOpen={isOpen1}
8483
onOpenChange={(isOpen: boolean) => setIsOpen1(isOpen)}
@@ -126,9 +125,8 @@ export const DataListClickableRows: React.FunctionComponent = () => {
126125
onClick={onToggle2}
127126
variant="plain"
128127
aria-label="Data list clickable rows example kebab toggle 2"
129-
>
130-
<EllipsisVIcon aria-hidden="true" />
131-
</MenuToggle>
128+
icon={<EllipsisVIcon aria-hidden="true" />}
129+
/>
132130
)}
133131
isOpen={isOpen2}
134132
onOpenChange={(isOpen: boolean) => setIsOpen2(isOpen)}

‎packages/react-core/src/components/DataList/examples/DataListExpandable.tsx‎

Lines changed: 6 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -92,9 +92,8 @@ export const DataListExpandable: React.FunctionComponent = () => {
9292
onClick={onToggle1}
9393
variant="plain"
9494
aria-label="Data list exapndable example kebaby toggle 1"
95-
>
96-
<EllipsisVIcon aria-hidden="true" />
97-
</MenuToggle>
95+
icon={<EllipsisVIcon aria-hidden="true" />}
96+
/>
9897
)}
9998
isOpen={isOpen1}
10099
onOpenChange={(isOpen: boolean) => setIsOpen1(isOpen)}
@@ -163,9 +162,8 @@ export const DataListExpandable: React.FunctionComponent = () => {
163162
onClick={onToggle2}
164163
variant="plain"
165164
aria-label="Data list exapndable example kebaby toggle 2"
166-
>
167-
<EllipsisVIcon aria-hidden="true" />
168-
</MenuToggle>
165+
icon={<EllipsisVIcon aria-hidden="true" />}
166+
/>
169167
)}
170168
isOpen={isOpen2}
171169
onOpenChange={(isOpen: boolean) => setIsOpen2(isOpen)}
@@ -234,9 +232,8 @@ export const DataListExpandable: React.FunctionComponent = () => {
234232
onClick={onToggle3}
235233
variant="plain"
236234
aria-label="Data list exapndable example kebaby toggle 3"
237-
>
238-
<EllipsisVIcon aria-hidden="true" />
239-
</MenuToggle>
235+
icon={<EllipsisVIcon aria-hidden="true" />}
236+
/>
240237
)}
241238
isOpen={isOpen3}
242239
onOpenChange={(isOpen: boolean) => setIsOpen3(isOpen)}

0 commit comments

Comments
 (0)