Sha256: 04c575d8d7501c4f4c1f684c9e556a653fa11638efd27433f592c5f11ea155ad

Contents?: true

Size: 606 Bytes

Versions: 11

Compression:

Stored size: 606 Bytes

Contents

/* @flow */
/*eslint-disable react/no-multi-comp, flowtype/space-before-type-colon */

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',
  className,
  dark=false,
  data,
  id
}: LoadingInlineProps) => (
  <div className={`pb_loading_inline_kit_${align}`}>
    <Body color="light">
      <Icon fixedWidth pulse icon="spinner" />&nbsp;
      {`Loading`}
    </Body>
  </div>
)

export default LoadingInline

Version data entries

11 entries across 11 versions & 1 rubygems

Version Path
playbook_ui-3.1.0 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-3.0.1 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-3.0.0 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-2.9.9 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-2.9.8 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-2.9.7 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-2.9.6 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-2.9.5 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-2.9.4 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-2.9.3 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
playbook_ui-2.9.2 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx