Skip to content

Commit 7312623

Browse files
authored
docs(ObjectPage): replace navigation actions (#7762)
Closes #7643
1 parent 7c25f77 commit 7312623

File tree

1 file changed

+25
-8
lines changed

1 file changed

+25
-8
lines changed

packages/main/src/components/ObjectPage/ObjectPage.stories.tsx

Lines changed: 25 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,8 @@ import ButtonDesign from '@ui5/webcomponents/dist/types/ButtonDesign.js';
66
import ValueState from '@ui5/webcomponents-base/dist/types/ValueState.js';
77
import IllustrationMessageType from '@ui5/webcomponents-fiori/dist/types/IllustrationMessageType.js';
88
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';
119
import sunIcon from '@ui5/webcomponents-icons/dist/general-leave-request.js';
10+
import shareIcon from '@ui5/webcomponents-icons/dist/share.js';
1211
import { useRef } from 'react';
1312
import { fn } from 'storybook/test';
1413
import { 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

Comments
 (0)