Sha256: a15ea73301aa30c6bd1bdbcc876c052d48da067085453092233c873cfec2939e

Contents?: true

Size: 948 Bytes

Versions: 1072

Compression:

Stored size: 948 Bytes

Contents

import React from "react"
import { Button } from "playbook-ui"

const ButtonHover = (props) => (
  <div>
    <div>
      <Button
          hover={{ shadow: "deep" }}
          marginRight='lg'
          marginTop='xl'
          onClick={() => alert("button clicked!")}
          tabIndex={0}
          text='Shadow Deep'
          {...props}
      />{" "}
      <Button
          hover={{ shadow: "deeper" }}
          marginRight='lg'
          marginTop='xl'
          onClick={() => alert("button clicked!")}
          tabIndex={0}
          text='Shadow Deeper'
          variant='secondary'
          {...props}
      />{" "}
      <Button
          hover={{ shadow: "deepest" }}
          marginRight='lg'
          marginTop='xl'
          onClick={() => alert("button clicked!")}
          tabIndex={0}
          text='Shadow Deepest'
          variant='link'
          {...props}
      />
    </div>
  </div>
)

export default ButtonHover

Version data entries

1,072 entries across 1,072 versions & 2 rubygems

Version Path
playbook_ui_docs-14.14.0.pre.rc.4 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui-14.14.0.pre.rc.4 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui_docs-14.13.0.pre.alpha.play1900progresspillwidth6122 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui-14.13.0.pre.alpha.play1900progresspillwidth6122 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui_docs-14.13.0.pre.alpha.play1754pbtagprogressradio6121 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui-14.13.0.pre.alpha.play1754pbtagprogressradio6121 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui_docs-14.13.0.pre.alpha.pbntr799collapsiblerowswithcustomclick6117 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui-14.13.0.pre.alpha.pbntr799collapsiblerowswithcustomclick6117 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui_docs-14.13.0.pre.alpha.PLAY1873rails86115 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui-14.13.0.pre.alpha.PLAY1873rails86115 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui_docs-14.14.0.pre.rc.3 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui-14.14.0.pre.rc.3 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui_docs-14.13.0.pre.alpha.PLAY1873rails86087 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui-14.13.0.pre.alpha.PLAY1873rails86087 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui_docs-14.13.0.pre.alpha.PBNTR5596084 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui-14.13.0.pre.alpha.PBNTR5596084 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui_docs-14.13.0.pre.alpha.play1851checkboxreacthook6083 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui-14.13.0.pre.alpha.play1851checkboxreacthook6083 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui_docs-14.14.0.pre.rc.2 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui-14.14.0.pre.rc.2 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx