diff --git a/.storybook/styles.css b/.storybook/styles.css index ae35084..c712c20 100644 --- a/.storybook/styles.css +++ b/.storybook/styles.css @@ -1,3 +1,11 @@ .docblock-argstable-body label { min-height: auto; } + +docs-placeholder { + border: dotted 1px var(--diamond-theme-border-color-hover); + border-radius: var(--diamond-radius-sm); + display: block; + padding: var(--diamond-spacing-lg); + text-align: center; +} diff --git a/components/canvas/Card/Card.stories.ts b/components/canvas/Card/Card.stories.ts index 7a61cf0..6bf5530 100644 --- a/components/canvas/Card/Card.stories.ts +++ b/components/canvas/Card/Card.stories.ts @@ -43,11 +43,13 @@ export const Card: StoryObj = { padding="${padding}" class="diamond-theme-${theme}" > -
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. -
++ The slot can contain anything, the card component acts as a simple + wrapper with optional props for styling the card itself. +
++ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do + eiusmod tempor incididunt ut labore et dolore magna aliqua. +
+ +