manifold/web/components/loading-indicator.tsx
Austin Chen 7338bdd47a
Automatically sort Tailwind classes with Prettier (#45)
* Add Prettier Tailwind plugin

* Autoformat Tailwind classes with Prettier
2022-02-11 10:40:22 -08:00

15 lines
409 B
TypeScript

import clsx from 'clsx'
export function LoadingIndicator(props: { className?: string }) {
const { className } = props
return (
<div className={clsx('flex items-center justify-center', className)}>
<div
className="spinner-border inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-indigo-500 border-r-transparent"
role="status"
/>
</div>
)
}