feat: add loader bar to animate loading state

This commit is contained in:
Felix Roos 2023-03-24 12:41:00 +01:00
parent acaf0ca0af
commit 17654b885b
3 changed files with 24 additions and 0 deletions

View file

@ -0,0 +1,13 @@
import { cx } from '@strudel.cycles/react';
import React from 'react';
function Loader({ active }) {
return (
<div className="overflow-hidden opacity-50 fixed top-0 left-0 w-full z-[1000]">
<div className={cx('h-[2px] block w-full', active ? 'bg-foreground animate-train' : 'bg-transparent')}>
<div />
</div>
</div>
);
}
export default Loader;