Sha256: d6931345b367fe1dcf5ae0c9bfae43d3448512a5e2548244c3f807b8015ab070

Contents?: true

Size: 725 Bytes

Versions: 68

Compression:

Stored size: 725 Bytes

Contents

import React from 'react'
import { Button } from '../../'

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

)

export default ButtonDefault

Version data entries

68 entries across 68 versions & 1 rubygems

Version Path
playbook_ui-7.4.1 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-7.4.0.pre.alpha6 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-7.4.0.pre.alpha5 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-7.4.0 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-7.4.0.pre.test4 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-7.4.0.pre.test3 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-7.4.0.pre.test2 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-7.4.0.pre.alpha4 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-7.4.0.pre.alpha2 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-7.4.0.pre.alpha1 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-7.3.0.pre.alpha12 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-7.3.0 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-7.3.0.pre.alpha11 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-7.3.0.pre.alpha10 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-7.3.0.pre.alpha9 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-7.3.0.pre.alpha8 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-7.3.0.pre.alpha7 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-7.3.0.pre.alpha6 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-7.3.0.pre.alpha5 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-7.3.0.pre.alpha4 app/pb_kits/playbook/pb_button/docs/_button_default.jsx