Sha256: 6ec3ca6e0ae79765fb445b0d0995a87e7717ac44d202fd794ca47df8499c38a0

Contents?: true

Size: 525 Bytes

Versions: 38

Compression:

Stored size: 525 Bytes

Contents

/* @flow */

import React from 'react'

import {
  Body,
  Icon,
} from '../'

type LoadingInlineProps = {
  align?: 'left' | 'center' | 'right',
  className?: String,
  dark?: Boolean,
  data?: String,
  id?: String,
}

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

export default LoadingInline

Version data entries

38 entries across 38 versions & 1 rubygems

Version Path
playbook_ui-4.17.0.pre.alpha1 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-4.16.0 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-4.15.0 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-4.14.0 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-4.15.1.alpha1 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-4.13.1 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-4.13.0 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-4.12.0 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-4.11.0 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-4.11.0.pre.alpha3 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-4.11.0.pre.alpha.pre.2 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-4.10.0 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-4.10.0.pre.alpha1 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-4.9.0.pre.alpha1 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-4.9.0 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-4.8.2 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-4.8.1 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-4.7.1 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-4.7.0 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-4.6.1 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx