Sha256: a08dcdef70656d4fd4184f77ae7b9440d00291c0f8463333da673372fc2e6851

Contents?: true

Size: 701 Bytes

Versions: 44

Compression:

Stored size: 701 Bytes

Contents

/* @flow */

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

import { spacing } from '../utilities/spacing.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}`, spacing(props))}
    >
      <Body color="light">
        <Icon
            fixedWidth
            icon="spinner"
            pulse
        />
        {' Loading'}
      </Body>
    </div>
  )
}

export default LoadingInline

Version data entries

44 entries across 44 versions & 1 rubygems

Version Path
playbook_ui-6.0.1.pre.alpha5 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-6.0.1.pre.alpha4 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-6.0.1.pre.alpha3 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-6.0.1.pre.alpha2 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-5.2.0.pre.alpha15 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-5.2.0.pre.alpha14 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-5.2.0.pre.alpha13 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-6.0.1 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-5.2.0.pre.alpha12 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-6.0.0 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-5.2.0.pre.alpha11 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-5.5.1.pre.alpha4 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-5.5.1.pre.alpha3 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-5.5.1.pre.alpha2 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-5.5.1.pre.alpha1 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-5.2.0.pre.alpha10 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-5.5.1 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-5.5.0 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-5.5.0.pre.alpha1 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-5.2.0.pre.alpha9 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx