feat(card): update storybook documentation examples

ovh · Jul 29, 2024 · 59dc71e · 59dc71e
1 parent 5dbafc5
commit 59dc71e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/packages/storybook/stories/components/card/card.stories.ts b/packages/storybook/stories/components/card/card.stories.ts
@@ -57,10 +57,12 @@ export const Demo: StoryObj = {
   },
 };
 
-export const Default: StoryObj = {
+export const Slot: StoryObj = {
   tags: ['isHidden'],
   render: () => html`
-<ods-card></ods-card>
+<ods-card>
+  <ods-text preset="heading-6">Hello, world!</ods-text>
+</ods-card>
   `,
 };
 
@@ -101,6 +103,10 @@ export const CustomCSS: StoryObj = {
 export const Color: StoryObj = {
   tags: ['isHidden'],
   render: () => html`
+<ods-card color="primary">
+  <ods-text preset="heading-6">Hello, world!</ods-text>
+</ods-card>
+
 <ods-card color="neutral">
   <ods-text preset="heading-6">Hello, world!</ods-text>
 </ods-card>

diff --git a/packages/storybook/stories/components/card/documentation.mdx b/packages/storybook/stories/components/card/documentation.mdx
@@ -29,9 +29,9 @@ Custom Card CSS:
 
 # Examples
 
-## Default
+## Slot
 
-<Canvas of={ CardStories.Default } sourceState='shown' />
+<Canvas of={ CardStories.Slot } sourceState='shown' />
 
 ## Color
 <Canvas of={ CardStories.Color } sourceState='shown' />