Sha256: c93ab6039d7fbfe77ea1e5a675b0dbf01d637c7348606b4a8768ede0fde6aa35

Contents?: true

Size: 878 Bytes

Versions: 685

Compression:

Stored size: 878 Bytes

Contents

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

const ButtonDefault = (props) => (
  <div>
    <Button
        marginRight='lg'
        onClick={() => alert("button clicked!")}
        tabIndex={0}
        text='Button Primary'
        {...props}
    />{" "}
    <Button
        marginRight='lg'
        onClick={() => alert("button clicked!")}
        tabIndex={0}
        text='Button Secondary'
        variant='secondary'
        {...props}
    />{" "}
    <Button
        marginRight='lg'
        onClick={() => alert("button clicked!")}
        tabIndex={0}
        text='Button Link'
        variant='link'
        {...props}
    />
    <Button
        disabled
        marginRight='lg'
        onClick={() => alert("button clicked!")}
        tabIndex={0}
        text='Button Disabled'
        {...props}
    />
  </div>
)

export default ButtonDefault

Version data entries

685 entries across 685 versions & 2 rubygems

Version Path
playbook_ui_docs-14.8.0.pre.alpha.play1648heightglobalprops4559 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-14.8.0.pre.alpha.play1648heightglobalprops4559 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui_docs-14.9.0.pre.rc.1 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-14.9.0.pre.rc.1 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY16254545 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-14.8.0.pre.alpha.PLAY16254545 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY1615movenegativetoleftofcurrencysign4543 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-14.8.0.pre.alpha.PLAY1615movenegativetoleftofcurrencysign4543 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY1615movenegativetoleftofcurrencysign4539 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-14.8.0.pre.alpha.PLAY1615movenegativetoleftofcurrencysign4539 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui_docs-14.9.0.pre.rc.0 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-14.9.0.pre.rc.0 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui_docs-14.7.0.pre.alpha.dependabotnpmandyarnfloatinguireact026284532 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-14.7.0.pre.alpha.dependabotnpmandyarnfloatinguireact026284532 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-14.8.0 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui_docs-14.7.0.pre.alpha.revert3916revert3893PBNTR667railstypeaheadformintegration4523 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-14.7.0.pre.alpha.revert3916revert3893PBNTR667railstypeaheadformintegration4523 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui_docs-14.8.0.pre.rc.8 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-14.8.0.pre.rc.8 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui_docs-14.8.0.pre.rc.7 app/pb_kits/playbook/pb_button/docs/_button_default.jsx