@eureca/eureca-ui/src/components/Accordion/Stories/accordion-basic.stories.js

UI component library of Eureca's user and admin apps

import React from 'react';
import { withKnobs, text, boolean } from '@storybook/addon-knobs';

import { Accordion } from '../';
import { Box, Typography } from '@material-ui/core';

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

export function BasicAccordion() {
  const title = text('Title', 'Title');
  const content = text('Content', 'Content');
  const open = boolean('Open');
  const disabled = boolean('Disabled');

  return (
    <Accordion title={title} open={open} isDisabled={disabled}>
      <Box p={3}>
        <Typography>{content}</Typography>
      </Box>
    </Accordion>
  );
}