Sha256: 96add5d65a822554195989e6963c3bfe9327a89080a0e2bb7ca65dbd589ec0ce

Contents?: true

Size: 713 Bytes

Versions: 160

Compression:

Stored size: 713 Bytes

Contents

/* @flow */

import React from 'react'
import classnames from 'classnames'
import { Body, Icon } from '../'

import { globalProps } from '../utilities/globalProps.js'

type LoadingInlineProps = {
  align?: "left" | "center" | "right",
  className?: string,
  dark?: boolean,
  data?: string,
  id?: string,
}

const LoadingInline = (props: LoadingInlineProps) => {
  const { align = 'left' } = props
  return (
    <div
        className={classnames(`pb_loading_inline_kit_${align}`, globalProps(props))}
    >
      <Body color="light">
        <Icon
            fixedWidth
            icon="spinner"
            pulse
        />
        {' Loading'}
      </Body>
    </div>
  )
}

export default LoadingInline

Version data entries

160 entries across 160 versions & 1 rubygems

Version Path
playbook_ui-9.4.0.alpha.sisense app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-9.4.0.alpha.user.kit.bug app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-9.4.0 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-9.3.1.pre.alpha2 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-9.4.0.pre.alpha2 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-9.4.0.pre.alpha1 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-9.3.1.pre.alpha1 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-9.3.0.alpha.inline3 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-9.3.0.pre.alpha.password.strength.2 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-9.3.0.alpha.inline2 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-9.3.0.alpha.inline1 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-9.3.0.pre.alpha.password.strength.1 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-9.3.0 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-9.2.2.pre.alpha.margin app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-9.2.2 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-9.2.1 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-9.2.0 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-9.1.0 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-9.0.0 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-8.3.0.alpha.select.pre.margin app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx