Sha256: a15ea73301aa30c6bd1bdbcc876c052d48da067085453092233c873cfec2939e

Contents?: true

Size: 948 Bytes

Versions: 1007

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,007 entries across 1,007 versions & 2 rubygems

Version Path
playbook_ui_docs-14.12.0.pre.alpha.play1790darkaudittable5802 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui-14.12.0.pre.alpha.play1790darkaudittable5802 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui_docs-14.12.0.pre.alpha.play1752updatecontenttag5801 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui-14.12.0.pre.alpha.play1752updatecontenttag5801 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui_docs-14.13.0.pre.rc.6 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui-14.13.0.pre.rc.6 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui_docs-14.13.0.pre.rc.5 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui-14.13.0.pre.rc.5 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui_docs-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobug5781 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobug5781 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui_docs-14.13.0.pre.rc.4 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui-14.13.0.pre.rc.4 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui_docs-14.12.0.pre.alpha.playrailsinputmaskissue5775 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui-14.12.0.pre.alpha.playrailsinputmaskissue5775 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui_docs-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5757 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5757 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui_docs-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5754 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui-14.12.0.pre.alpha.PBNTR456fixedconftoastrailsautoclose5754 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui_docs-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobugzindextoken5751 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
playbook_ui-14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobugzindextoken5751 app/pb_kits/playbook/pb_button/docs/_button_hover.jsx