bartvdbraak/omnidash
1
0
Fork 0
mirror of https://github.com/bartvdbraak/omnidash.git synced 2025-06-28 12:19:11 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat: Add different components used for app

Browse source
This commit is contained in:
Bart van der Braak 2023-06-08 00:38:02 +02:00
parent ecfac890de
commit 6ea6c3e317
5 changed files with 243 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

27
components/loading.tsx Normal file
View file

@ -0,0 +1,27 @@
import React, { SVGProps } from "react";
export function Loading({
width = 24,
height = 24,
dur = "0.75s",
}: SVGProps<SVGElement>): JSX.Element {
return (
<svg
className="fill-current"
width={width}
height={height}
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<circle cx="4" cy="12" r="3">
<animate id="a" begin="0;b.end-0.25s" attributeName="r" dur={dur} values="3;.2;3" />
</circle>
<circle cx="12" cy="12" r="3">
<animate begin="a.end-0.6s" attributeName="r" dur={dur} values="3;.2;3" />
</circle>
<circle cx="20" cy="12" r="3">
<animate id="b" begin="a.end-0.45s" attributeName="r" dur={dur} values="3;.2;3" />
</circle>
</svg>
);
}