manifold/web/components/loading-indicator.tsx

17 lines
445 B
TypeScript
Raw Normal View History

2022-02-03 23:12:09 +00:00
import clsx from 'clsx'
export function LoadingIndicator(props: { className?: string }) {
const { className } = props
return (
<div className={clsx('flex justify-center items-center', className)}>
<div
className="spinner-border animate-spin inline-block w-8 h-8 border-4 rounded-full text-indigo-500"
role="status"
>
<span className="visually-hidden">Loading...</span>
</div>
</div>
)
}