Sha256: e0da40c67bd46c951e52806e28061ec67e9a711a896d577dc509b75838bcb289

Contents?: true

Size: 724 Bytes

Versions: 193

Compression:

Stored size: 724 Bytes

Contents

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

const ButtonDefault = (props) => (
  <div>
    <Button
        marginRight="xl"
        onClick={() => alert('button clicked!')}
        text="Button Primary"
        {...props}
    />
    {' '}
    <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

193 entries across 193 versions & 1 rubygems

Version Path
playbook_ui-11.11.0.pre.alpha.paginate2 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-11.11.0.pre.alpha.dialog2 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-11.11.0.pre.alpha.paginate1 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-11.11.0.pre.alpha.renderer1 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-11.11.0.pre.alpha.dialog1 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-11.11.0 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-11.10.0.pre.alpha.pre.bold1 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-11.10.0.pre.alpha.pagination1 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-11.10.0 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-11.9.0 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-11.9.0.pre.alpha.fileupload1 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-11.8.1 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-11.8.0 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-11.7.0.pre.alpha.table1 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-11.7.0 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-11.6.0.pre.alpha.fontawesome app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-11.5.0.pre.alpha.fontawesome app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-11.7.0.pre.alpha.pre.guagechart1 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-11.6.0 app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-11.5.0.pre.alpha.datepicker1 app/pb_kits/playbook/pb_button/docs/_button_default.jsx