@eureca/eureca-ui/src/components/Cards/stories/card.stories.js

UI component library of Eureca's user and admin apps

import React from 'react';

import { withKnobs, text, number } from '@storybook/addon-knobs';

import { Card } from '../';

export default { title: 'Originals/Cards', decorators: [withKnobs], includeStories: [] };

export function BasicCardStory() {
  const width = number('Width', 100);
  const height = number('Height', 100);

  const data = { width, height };

  return (
    <Card p={2} {...data}>
      {text('Conteúdo', 'Texto aqui!')}
    </Card>
  );
}