Contents

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

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

)

export default ButtonDefault

Version data entries

44 entries across 44 versions & 1 rubygems

Version	Path
playbook_ui-4.18.1.pre.alpha1	app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-4.18.1	app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-4.18.0	app/pb_kits/playbook/pb_button/docs/_button_default.jsx
playbook_ui-4.17.0	app/pb_kits/playbook/pb_button/docs/_button_default.jsx