Add gradient button style

starknet-io · Dec 27, 2023 · cd3340d · cd3340d
1 parent 48bb9f7
commit cd3340d
Show file tree

Hide file tree

Showing 3 changed files with 340 additions and 263 deletions.
diff --git a/workspaces/website/src/components/Button/Button.stories.tsx b/workspaces/website/src/components/Button/Button.stories.tsx
@@ -97,6 +97,16 @@ export const Ghost = () => (
   </ThemeProvider>
 );
 
+export const Gradient = () => (
+  <ThemeProvider>
+    <HStack p={12}>
+      <>
+        <Button variant="gradient">Gradient button</Button>
+      </>
+    </HStack>
+  </ThemeProvider>
+);
+
 export const PrimaryHero = () => (
   <ThemeProvider>
     <HStack p={12}>

diff --git a/workspaces/website/src/components/Button/Button.tsx b/workspaces/website/src/components/Button/Button.tsx
@@ -15,7 +15,8 @@ type props = {
     | "filter"
     | "filterActive"
     | "category"
-    | "icon";
+    | "icon"
+    | "gradient";
   children: React.ReactNode;
   toId?: string;
   href?: string;