Sha256: 636f615d11a0648105155f69e269fa1b67b99d736d53e3577ed53398a67c037c

Contents?: true

Size: 702 Bytes

Versions: 5

Compression:

Stored size: 702 Bytes

Contents

import React from "react"
import { Modal } from "react-bootstrap"

import { select, boolean } from "@storybook/addon-knobs"

export default function ModalStory(stories) {
  stories.add("Modal",
    () => {
      const props = {
        dialogClassName: select("dialogClassName", [null, 'full'], 'medium'),
        show: boolean("show", false)
      }
      return (
        <Modal {...props} >
          <Modal.Header>
            <Modal.Title>{'Modal Title'}</Modal.Title>
            {'Header'}
          </Modal.Header>
          <Modal.Body>
            {'Body'}
          </Modal.Body>
          <Modal.Footer>
            {'Footer'}
          </Modal.Footer>
        </Modal>
      )
    }
  )
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
playbook_ui-2.7.2 components/Modal/ModalStory.jsx
playbook_ui-2.7.1 components/Modal/ModalStory.jsx
playbook_ui-2.7.0 components/Modal/ModalStory.jsx
playbook_ui-2.6.0 components/Modal/ModalStory.jsx
playbook_ui-2.5.0 components/Modal/ModalStory.jsx