diff --git a/addons/rose/addon/components/rose/card/link/index.stories.mdx b/addons/rose/addon/components/rose/card/link/index.stories.mdx index 571bfb28a..57171eaf6 100644 --- a/addons/rose/addon/components/rose/card/link/index.stories.mdx +++ b/addons/rose/addon/components/rose/card/link/index.stories.mdx @@ -1,6 +1,6 @@ import { Meta, Story, Preview } from '@storybook/addon-docs/blocks'; import { hbs } from 'ember-cli-htmlbars'; -import { text } from '@storybook/addon-knobs'; +import { text, select } from '@storybook/addon-knobs'; @@ -9,7 +9,12 @@ import { text } from '@storybook/addon-knobs'; Card link component wraps content with `LinkTo` component. Supports title and description. ```html - + ``` @@ -18,43 +23,23 @@ Card link component wraps content with `LinkTo` component. Supports title and de `, context: { title: text('title', 'Card title'), description: text('description', 'Card description'), + id: text('id', 'resource_id_1234'), + icon: select('icon', { + 'user-organization': 'user-organization', + 'partner': 'partner', + 'gift-fill': 'gift-fill', + }, + 'user-organization' + ), }, }} `@route` defaults to 'index' when not supplied. - -`@title` and `@description` are optional. Card expands to fit content. - -```html - -``` - - {{ - template: hbs` - - `, - context: { - title: text('title', 'Card title'), - }, - }} - - -```html - -``` - - {{ - template: hbs` - - `, - context: { - description: text('description', 'Card description'), - }, - }} - diff --git a/addons/rose/addon/components/rose/cards/index.stories.mdx b/addons/rose/addon/components/rose/cards/index.stories.mdx index a032687e2..166d8fd83 100644 --- a/addons/rose/addon/components/rose/cards/index.stories.mdx +++ b/addons/rose/addon/components/rose/cards/index.stories.mdx @@ -17,26 +17,36 @@ A set of cards arranged side-by-side. @route="index" @title="Card Title" @description="Description" + @id="resource_id_1234" + @icon="user-organization" /> `, @@ -51,11 +61,15 @@ A set of cards arranged side-by-side. @route="index" @title="Card Title" @description="Description" + @id="resource_id_1234" + @icon="user-organization" /> ```