Sha256: e0a9b5332fc6ca213c165e05400291cfc8ca87248646f333870ff6038cb1ab5a
Contents?: true
Size: 794 Bytes
Versions: 161
Compression:
Stored size: 794 Bytes
Contents
/* @flow */
import React from 'react'
import classnames from 'classnames'
import { globalProps } from '../utilities/globalProps'
import Body from '../pb_body/_body'
import Icon from '../pb_icon/_icon'
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
161 entries across 161 versions & 1 rubygems