@eureca/eureca-ui/src/components/Avatar/stories/avatar.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 { action } from '@storybook/addon-actions';

import { Avatar } from '../';

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

export function BasicAvatar() {
  const color = text('Cor', '#2ECAAF');
  const name = text('Nome', 'Rafaela');
  const size = number('Tamanho', 120);
  const src = text(
    'Avatar',
    'https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcS02uVBnVcDeHRC4ucQNHvOEWVgKDN_VRJDtQpzsivg54ri30ty'
  );

  const data = { color, name, size, src };
  return <Avatar {...data} onClick={action('on-click')} />;
}