Skip to content

Commit

Permalink
feat(storybook): replace overview by default for icon canvas
Browse files Browse the repository at this point in the history
Signed-off-by: Stagnol <[email protected]>
  • Loading branch information
astagnol authored and dpellier committed Jul 29, 2024
1 parent b789f50 commit cc9b507
Show file tree
Hide file tree
Showing 3 changed files with 8 additions and 8 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ import * as IconStories from './icon.stories';

Icon is a visual context used to represent a command, navigation, status or common action.

<Canvas of={ IconStories.Overview } sourceState='none' />
<Canvas of={ IconStories.Default } sourceState='none' />

<div>
<a href="#"
Expand Down
2 changes: 1 addition & 1 deletion packages/storybook/stories/components/icon/icon.stories.ts
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,7 @@ export const All: StoryObj = {
},
};

export const Overview: StoryObj = {
export const Default: StoryObj = {
tags: ['isHidden'],
parameters: {
layout: 'centered',
Expand Down
12 changes: 6 additions & 6 deletions packages/storybook/stories/components/tooltip/tooltip.stories.ts
Original file line number Diff line number Diff line change
Expand Up @@ -81,10 +81,10 @@ export const Default: StoryObj = {
tags: ['isHidden'],
render: () => html`
<ods-text preset="paragraph">Lorem ipsum &nbsp;</ods-text>
<ods-icon id="trigger-3"
<ods-icon id="trigger-4"
name="help-circle">
</ods-icon>
<ods-tooltip trigger-id="trigger-3">
<ods-tooltip trigger-id="trigger-4">
Tooltip content
</ods-tooltip>
`,
Expand All @@ -94,10 +94,10 @@ export const ArrowTip: StoryObj = {
tags: ['isHidden'],
render: () => html`
<ods-text preset="paragraph">Lorem ipsum &nbsp;</ods-text>
<ods-icon id="trigger-4"
<ods-icon id="trigger-5"
name="help-circle">
</ods-icon>
<ods-tooltip trigger-id="trigger-4"
<ods-tooltip trigger-id="trigger-5"
with-arrow>
Tooltip content
</ods-tooltip>
Expand All @@ -108,11 +108,11 @@ export const CustomCSS: StoryObj = {
tags: ['isHidden'],
render: () => html`
<ods-text preset="paragraph">Lorem ipsum &nbsp;</ods-text>
<ods-icon id="trigger-5"
<ods-icon id="trigger-3"
name="help-circle">
</ods-icon>
<ods-tooltip position="top-start"
trigger-id="trigger-5"
trigger-id="trigger-3"
with-arrow>
<p class="custom-tooltip">
Top-start tooltip
Expand Down

0 comments on commit cc9b507

Please sign in to comment.