Sha256: 128039b1de8e6bc0e3feccbfe6c824f0a812cb6482df1e1af31165ba732de6d6

Contents?: true

Size: 714 Bytes

Versions: 948

Compression:

Stored size: 714 Bytes

Contents

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

const ButtonLoading = (props) => (
  <div>
    <Button
        aria={{ label: 'Loading' }}
        loading
        marginRight='lg'
        
        text="Button Primary"
        {...props}
    />
    {' '}
    <Button
        aria={{ label: 'Loading' }}
        loading
        marginRight='lg'
        tabIndex={0}
        text="Button Secondary"
        variant="secondary"
        {...props}
    />
    {' '}
    <Button
        aria={{ label: 'Loading' }}
        loading
        marginRight='lg'
        tabIndex={0}
        text="A Tag Button Disabled"
        variant="link"
        {...props}
    />
  </div>
)

export default ButtonLoading

Version data entries

948 entries across 948 versions & 2 rubygems

Version Path
playbook_ui_docs-14.11.1.pre.alpha.PLAY17445539 app/pb_kits/playbook/pb_button/docs/_button_loading.jsx
playbook_ui-14.11.1.pre.alpha.PLAY17445539 app/pb_kits/playbook/pb_button/docs/_button_loading.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR798datepickerturbo5537 app/pb_kits/playbook/pb_button/docs/_button_loading.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR798datepickerturbo5537 app/pb_kits/playbook/pb_button/docs/_button_loading.jsx
playbook_ui_docs-14.11.1.pre.alpha.pbntr703collapsiblerowsrails5536 app/pb_kits/playbook/pb_button/docs/_button_loading.jsx
playbook_ui-14.11.1.pre.alpha.pbntr703collapsiblerowsrails5536 app/pb_kits/playbook/pb_button/docs/_button_loading.jsx
playbook_ui_docs-14.11.1.pre.alpha.PLAY1751pbcontenttagpt25529 app/pb_kits/playbook/pb_button/docs/_button_loading.jsx
playbook_ui-14.11.1.pre.alpha.PLAY1751pbcontenttagpt25529 app/pb_kits/playbook/pb_button/docs/_button_loading.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR7495495 app/pb_kits/playbook/pb_button/docs/_button_loading.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR7495495 app/pb_kits/playbook/pb_button/docs/_button_loading.jsx
playbook_ui_docs-14.12.0.pre.rc.11 app/pb_kits/playbook/pb_button/docs/_button_loading.jsx
playbook_ui-14.12.0.pre.rc.11 app/pb_kits/playbook/pb_button/docs/_button_loading.jsx
playbook_ui_docs-14.12.0.pre.rc.10 app/pb_kits/playbook/pb_button/docs/_button_loading.jsx
playbook_ui-14.12.0.pre.rc.10 app/pb_kits/playbook/pb_button/docs/_button_loading.jsx
playbook_ui_docs-14.12.0.pre.rc.9 app/pb_kits/playbook/pb_button/docs/_button_loading.jsx
playbook_ui-14.12.0.pre.rc.9 app/pb_kits/playbook/pb_button/docs/_button_loading.jsx
playbook_ui_docs-14.12.0.pre.rc.8 app/pb_kits/playbook/pb_button/docs/_button_loading.jsx
playbook_ui-14.12.0.pre.rc.8 app/pb_kits/playbook/pb_button/docs/_button_loading.jsx
playbook_ui_docs-14.12.0.pre.rc.7 app/pb_kits/playbook/pb_button/docs/_button_loading.jsx
playbook_ui-14.12.0.pre.rc.7 app/pb_kits/playbook/pb_button/docs/_button_loading.jsx