summaryrefslogtreecommitdiff
path: root/bs5/universal/native/shared/Spinner.re
diff options
context:
space:
mode:
Diffstat (limited to 'bs5/universal/native/shared/Spinner.re')
-rw-r--r--bs5/universal/native/shared/Spinner.re11
1 files changed, 11 insertions, 0 deletions
diff --git a/bs5/universal/native/shared/Spinner.re b/bs5/universal/native/shared/Spinner.re
new file mode 100644
index 0000000..691cc07
--- /dev/null
+++ b/bs5/universal/native/shared/Spinner.re
@@ -0,0 +1,11 @@
+[@react.component]
+let make = (~active) => {
+ <div
+ role="progressbar"
+ ariaBusy=true
+ className={
+ "inline-block w-5 h-5 rounded-full border-3 border-gray-500/50 border-t-white transition-opacity duration-100 linear "
+ ++ (active ? "opacity-100 animate-spin" : "opacity-0")
+ }
+ />;
+};