Sha256: 8f1d2f9c4ede7903c638a4f918bf79bc637904ef1304288fdf920b944a943551

Contents?: true

Size: 838 Bytes

Versions: 5

Compression:

Stored size: 838 Bytes

Contents

import React from "react"
import classnames from 'classnames'
import {select,boolean} from "@storybook/addon-knobs"
import { Modal } from "react-bootstrap"


export default function SideModalStory(stories) {
  stories.add("SideModal",
    () => {

      const props = {

        side: select("side",['left','right'], 'left'),
        sizeOption: select("sizeOption",['xxs','xs','sm','md','lg','xl','full','600','1000'],'xs'),
        collapseSize: select("collapseSize",['xs','sm','md','lg'],'xs'),
        show: boolean("show", true),

      }

      const side = props.side + 'Modal'
      const sizeOption = side +'-'+ props.sizeOption
      const collapseSize = side +'-collapse-'+props.collapseSize

      return   (<Modal {...props}
          className={classnames(side, sizeOption, collapseSize)}

                />)

    }
  )
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
playbook_ui-2.7.2 components/SideModal/SideModalStory.jsx
playbook_ui-2.7.1 components/SideModal/SideModalStory.jsx
playbook_ui-2.7.0 components/SideModal/SideModalStory.jsx
playbook_ui-2.6.0 components/SideModal/SideModalStory.jsx
playbook_ui-2.5.0 components/SideModal/SideModalStory.jsx