mm

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

@@ -1,51 +1,16 @@
 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}>
+        <Button variant="filled" icon={<DownloadSvg />}>
           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>
   );