Sha256: f449670a6dd4d72d7daec0cc9df36af3316a21ee92b718172a93917b65f65f94
Contents?: true
Size: 758 Bytes
Versions: 32
Compression:
Stored size: 758 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
aria={{ label: 'loading icon' }}
fixedWidth
icon="spinner"
pulse
/>
{' Loading'}
</Body>
</div>
)
}
export default LoadingInline
Version data entries
32 entries across 32 versions & 1 rubygems