Skip to content

Commit

Permalink
docs: add tour and badge to canvas stories
Browse files Browse the repository at this point in the history
  • Loading branch information
gabyzif committed Nov 18, 2024
1 parent 28a51b7 commit 7cd108b
Show file tree
Hide file tree
Showing 2 changed files with 5 additions and 3 deletions.
4 changes: 3 additions & 1 deletion docs/components/Data Display/Badge/Documentation.mdx
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import { Meta, Canvas } from '@storybook/blocks'

import * as BadgeStories from '../../../../src/components/data-display/Badge/Badge.stories'
import * as BadgeStories from '../../../../src/components/data-display/Badge/Badge.stories';

<Meta of={BadgeStories} />

Expand All @@ -25,6 +25,8 @@ Use **Badge** when a status needs to be displayed next to an element in a compac

### [Status Badge](https://mparticle.github.io/aquarium/?path=/story/components-data-display-badge--example-status)

<Canvas of={BadgeStories.ExampleStatus} />

#### When to Use

For displaying status with accompanying text (e.g., "Active," "Failed," or "Draft"), use the **Status Badge**. This provides both a visual indicator and descriptive text to communicate the item's state.
Expand Down
4 changes: 2 additions & 2 deletions docs/components/Data Display/Tour/Documentation.mdx
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import { Meta, Canvas } from '@storybook/blocks'

import * as TourStories from '../../../../src/components/data-display/Tour/Tour.stories'
import TourMeta, * as TourStories from '../../../../src/components/data-display/Tour/Tour.stories';

<Meta of={TourStories} />

Expand All @@ -24,4 +24,4 @@ Use the Tour component when:

{/* Documentation goes here */}

<Canvas meta={TourStories.default} />
<Canvas of={TourStories.ExampleNavLogo} />

0 comments on commit 7cd108b

Please sign in to comment.