Sha256: ec74ada35d73b91e4a3172573dee212d1cb3f193e0dc27b88a97a4ba9b2eb770

Contents?: true

Size: 701 Bytes

Versions: 5

Compression:

Stored size: 701 Bytes

Contents

import React from "react"
import Highlight from "./Highlight"
import { select, } from "@storybook/addon-knobs"
import classnames from 'classnames'

export default function HighlightStory(stories) {
  stories.add("Highlight",
    () => {
      let props = {
        side: select("side",['left','right','top','bottom'], 'left'),
        color: select('color',['power-navy','power-red','power-blue','power-gold','power-green','power-navy-darker','power-royal'],'power-blue'),
      }

        const highlightSide = `highlight-${props.side}`
        const highlightColor = `highlight-${props.color}`


      return <Highlight {...props} className={classnames(highlightSide,highlightColor)}/>

    }
  )
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
playbook_ui-2.7.2 components/Highlight/HighlightStory.jsx
playbook_ui-2.7.1 components/Highlight/HighlightStory.jsx
playbook_ui-2.7.0 components/Highlight/HighlightStory.jsx
playbook_ui-2.6.0 components/Highlight/HighlightStory.jsx
playbook_ui-2.5.0 components/Highlight/HighlightStory.jsx