@@ -6,9 +6,8 @@ import ButtonDesign from '@ui5/webcomponents/dist/types/ButtonDesign.js';
66import ValueState from '@ui5/webcomponents-base/dist/types/ValueState.js' ;
77import IllustrationMessageType from '@ui5/webcomponents-fiori/dist/types/IllustrationMessageType.js' ;
88import 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' ;
119import sunIcon from '@ui5/webcomponents-icons/dist/general-leave-request.js' ;
10+ import shareIcon from '@ui5/webcomponents-icons/dist/share.js' ;
1211import { useRef } from 'react' ;
1312import { fn } from 'storybook/test' ;
1413import { Toolbar as LegacyToolbar , ToolbarSpacer as LegacyToolbarSpacer } from '../../../../compat/src/index.js' ;
@@ -86,9 +85,18 @@ const meta = {
8685 }
8786 navigationBar = {
8887 < 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+ />
92100 </ Toolbar >
93101 }
94102 breadcrumbs = {
@@ -416,9 +424,18 @@ export const LegacyToolbarSupport: Story = {
416424 data-in-object-page-title
417425 >
418426 < 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+ />
422439 </ LegacyToolbar >
423440 }
424441 />
0 commit comments