Skip to content

Commit 97dbe72

Browse files
author
Zack Jones
committed
WECH-23: Added Card story
1 parent 34f5132 commit 97dbe72

File tree

1 file changed

+39
-0
lines changed

1 file changed

+39
-0
lines changed
Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
import React from 'react';
2+
import { ComponentStory, ComponentMeta } from '@storybook/react';
3+
import { Card } from '../..';
4+
5+
const description =
6+
'The Card supports `space`, `height` and `width` [styled-system](https://styled-system.com/table) props.';
7+
8+
export default {
9+
title: 'Components/Card',
10+
component: Card,
11+
parameters: {
12+
docs: {
13+
description: {
14+
component: description
15+
}
16+
}
17+
},
18+
argTypes: {
19+
ref: { table: { disable: true } },
20+
forwardedAs: { table: { disable: true } },
21+
theme: { table: { disable: true } },
22+
as: { table: { disable: true } },
23+
children: { description: 'Defines the inner content of the card' },
24+
level: {
25+
description: 'Sets the drop-shadow level',
26+
options: [0, 100, 200, 300],
27+
control: { type: 'radio' }
28+
}
29+
}
30+
} as ComponentMeta<typeof Card>;
31+
32+
const Template: ComponentStory<typeof Card> = args => <Card {...args} />;
33+
34+
export const Default = Template.bind({});
35+
Default.storyName = 'Card';
36+
Default.args = {
37+
level: 300,
38+
children: 'Card Contents'
39+
};

0 commit comments

Comments
 (0)