Sha256: 100260ebbea4a36ec3ba60b00cf434d7d8eeefd8b6826e1b770102f734766ea7

Contents?: true

Size: 647 Bytes

Versions: 1

Compression:

Stored size: 647 Bytes

Contents

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

import React from 'react'
import Icon from '../pb_icon/_icon.jsx'
import Body from '../pb_body/_body.jsx'

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

1 entries across 1 versions & 1 rubygems

Version Path
playbook_ui-2.9.1 app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx