Initial commit: Re-connected to Gitea

apps/ui-site/src/gallery/ButtonGallery.tsx

@@ -0,0 +1,52 @@
+import { Button, DownloadSvg } from "@defgov/ui";
+import { OuterWrap } from "../common/OuterWrap";
+import { useState } from "react";
+import { InnerWrap } from "../common/InnerWrap";
+
+export const ButtonGallery = () => {
+  const [loading, setLoading] = useState(false);
+  return (
+    <OuterWrap>
+      <InnerWrap>
+        <Button size="xs" iconSvg={<DownloadSvg />}>
+          Ag
+        </Button>
+        <Button size="xs" iconSvg={<DownloadSvg />} iconOnly={true}>
+          Buttun
+        </Button>
+        <Button size="sm" iconSvg={<DownloadSvg />}>
+          Buttun
+        </Button>
+        <Button size="sm" iconSvg={<DownloadSvg />} iconOnly={true}>
+          Buttun
+        </Button>
+        <Button size="md" iconSvg={<DownloadSvg />}>
+          Buttun
+        </Button>
+        <Button size="md" iconSvg={<DownloadSvg />} iconOnly={true}>
+          Buttun
+        </Button>
+        <Button size="lg" iconSvg={<DownloadSvg />}>
+          Buttun
+        </Button>
+        <Button size="lg" iconSvg={<DownloadSvg />} iconOnly={true}>
+          Buttun
+        </Button>
+      </InnerWrap>
+
+      <InnerWrap>
+        <Button variant="filled">Buttun</Button>
+        <Button variant="outline">Buttun</Button>
+        <Button variant="subtle">Buttun</Button>
+        <Button
+          isLoading={loading}
+          onClick={() => {
+            setLoading(!loading);
+          }}
+        >
+          Buttun
+        </Button>
+      </InnerWrap>
+    </OuterWrap>
+  );
+};