@eureca/eureca-ui/src/components/Buttons/stories/bottom-fab.stories.js

UI component library of Eureca's user and admin apps

import React from 'react';

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

import { FiEdit } from 'react-icons/fi';

import { BottomFab } from '..';

export default {
  title: 'Material/Bottom FAB',
  component: BottomFab,
  decorators: [withKnobs],
  includeStories: [],
};

export function FabPlus() {
  return (
    <BottomFab
      options={[
        { icon: <FiEdit />, label: 'Test', value: 'Valor' },
        { label: 'Opção dois', value: 'segundo click' },
      ]}
      onClick={v => console.log(v)}
    />
  );
}