@@ -6,9 +6,8 @@ import ButtonDesign from '@ui5/webcomponents/dist/types/ButtonDesign.js';
6
6
import ValueState from '@ui5/webcomponents-base/dist/types/ValueState.js' ;
7
7
import IllustrationMessageType from '@ui5/webcomponents-fiori/dist/types/IllustrationMessageType.js' ;
8
8
import declineIcon from '@ui5/webcomponents-icons/dist/decline.js' ;
9
- import exitFSIcon from '@ui5/webcomponents-icons/dist/exit-full-screen.js' ;
10
- import fullscreenIcon from '@ui5/webcomponents-icons/dist/full-screen.js' ;
11
9
import sunIcon from '@ui5/webcomponents-icons/dist/general-leave-request.js' ;
10
+ import shareIcon from '@ui5/webcomponents-icons/dist/share.js' ;
12
11
import { useRef } from 'react' ;
13
12
import { fn } from 'storybook/test' ;
14
13
import { Toolbar as LegacyToolbar , ToolbarSpacer as LegacyToolbarSpacer } from '../../../../compat/src/index.js' ;
@@ -86,9 +85,18 @@ const meta = {
86
85
}
87
86
navigationBar = {
88
87
< Toolbar design = "Transparent" >
89
- < ToolbarButton icon = { fullscreenIcon } design = { ButtonDesign . Transparent } />
90
- < ToolbarButton icon = { exitFSIcon } design = { ButtonDesign . Transparent } />
91
- < ToolbarButton icon = { declineIcon } design = { ButtonDesign . Transparent } />
88
+ < ToolbarButton
89
+ icon = { shareIcon }
90
+ design = { ButtonDesign . Transparent }
91
+ tooltip = "Navigation Action"
92
+ accessibleName = "Example Navigation Action 1"
93
+ />
94
+ < ToolbarButton
95
+ icon = { declineIcon }
96
+ design = { ButtonDesign . Transparent }
97
+ tooltip = "Navigation Action"
98
+ accessibleName = "Example Navigation Action 2"
99
+ />
92
100
</ Toolbar >
93
101
}
94
102
breadcrumbs = {
@@ -416,9 +424,18 @@ export const LegacyToolbarSupport: Story = {
416
424
data-in-object-page-title
417
425
>
418
426
< LegacyToolbarSpacer />
419
- < Button icon = { fullscreenIcon } design = { ButtonDesign . Transparent } />
420
- < Button icon = { exitFSIcon } design = { ButtonDesign . Transparent } />
421
- < Button icon = { declineIcon } design = { ButtonDesign . Transparent } />
427
+ < Button
428
+ icon = { shareIcon }
429
+ design = { ButtonDesign . Transparent }
430
+ tooltip = "Navigation Action"
431
+ accessibleName = "Example Navigation Action 1"
432
+ />
433
+ < Button
434
+ icon = { declineIcon }
435
+ design = { ButtonDesign . Transparent }
436
+ tooltip = "Navigation Action"
437
+ accessibleName = "Example Navigation Action 2"
438
+ />
422
439
</ LegacyToolbar >
423
440
}
424
441
/>
0 commit comments