@swrve/core/src/collapsible/Collapsible.stories.js

Core set of Swrve UI Components

import React from 'react'
import { storiesOf } from '@storybook/react'
import Collapsible from './Collapsible'

import { withInfo } from '@storybook/addon-info'

const stories = storiesOf('Core|Collapsible', module).addDecorator(withInfo())

stories.add('Demo', () => {
  return (
    <Collapsible label="Specify variant" defaultIsOpen>
      <div className="p-2 text-sm">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dictum arcu sit amet
        velit dictum, a aliquam lectus fermentum. Nunc volutpat sem eu consequat pellentesque. Duis
        eget varius velit. Donec augue felis, vehicula blandit aliquet id, congue in lorem. Maecenas
        rutrum lacus tortor, non lacinia erat sollicitudin vitae. Pellentesque iaculis sodales
        tempor. In euismod ac tortor vitae aliquet. Curabitur viverra lectus diam, et tincidunt
        sapien convallis ac. In hac habitasse platea dictumst. Ut malesuada ac lorem eget cursus.
        Aliquam erat volutpat. Maecenas efficitur ultricies consectetur. Nullam laoreet vel dolor a
        ultricies. Aliquam mattis ultricies nisi. Aliquam erat volutpat. Sed sodales commodo erat ut
        fringilla. Proin nec euismod lorem, ac bibendum quam. Donec a mauris justo. Integer augue
        est, lobortis quis nibh non, aliquet posuere orci.
      </div>
    </Collapsible>
  )
})