Ver código fonte

Add Card Storybook. Remove unused args

Tatiana Inama 6 anos atrás
pai
commit
d607415dba

+ 33 - 0
recipes/src/components/Card/Card.stories.tsx

@@ -0,0 +1,33 @@
+import React from 'react';
+import { Story, Meta } from '@storybook/react/types-6-0';
+
+import Card, { CBKCardProps as CardProps } from './index';
+
+export default {
+  title: 'Components/Card',
+  components: Card,
+} as Meta;
+
+const Template: Story<CardProps> = args => <Card {...args} />;
+
+export const Basic = Template.bind({});
+Basic.args = {
+  title: 'Basic card',
+  summary: 'Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nulla repudiandae autem commodi. Eligendi perspiciatis voluptatum iusto laudantium ipsa perferendis. Harum adipisci exercitationem quod debitis ratione vitae maxime placeat ullam vel!',
+  onClick: () => {},
+  actions: [{
+    label: 'action A',
+    handler: () => {}
+  }, {
+    label: 'action B',
+    handler: () => {}
+  }],
+  icons: [{
+    icon: 'favorite',
+    handler: () => {}
+  }, {
+    icon: 'star',
+    handler: () => {}
+  }],
+  highlight: false
+}

+ 1 - 3
recipes/src/components/Card/index.tsx

@@ -5,12 +5,10 @@ import './styles.scss';
 import sample_img from "sample.png";
 const API: string = process.env.REACT_APP_IMG || '';
 
-type CBKCardProps = {
-  withImg?: boolean,
+export type CBKCardProps = {
   title: string,
   summary?: string,
   img?: string,
-  noMedia?: boolean,
   actions?: {
     label: string,
     handler: (event: React.MouseEvent) => void,