From 02ae2b143ebd9357bb05721a7ef5f058f88a585d Mon Sep 17 00:00:00 2001
From: unkn0wn <louis1.potevin1@gmail.com>
Date: Tue, 9 Jun 2026 14:08:53 +0200
Subject: [PATCH] feat: add icon support to Button component

---
 src/components/Button/_button.scss | 3 +++
 src/components/Button/button.astro | 5 +++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/Button/_button.scss b/src/components/Button/_button.scss
index 8c19bc6..fddf723 100644
--- a/src/components/Button/_button.scss
+++ b/src/components/Button/_button.scss
@@ -34,4 +34,7 @@
     background-color: var(--nds-disabled);
     color: var(--nds-neutral);
   }
+  &--icon {
+  padding: var(--nds-spacing-2xs) var(--nds-spacing-xs);
+  }
 }
\ No newline at end of file
diff --git a/src/components/Button/button.astro b/src/components/Button/button.astro
index e3381b9..c7aa6c7 100644
--- a/src/components/Button/button.astro
+++ b/src/components/Button/button.astro
@@ -2,11 +2,12 @@
 export interface Props {
   type:        'primary' | 'secondary';
   disabled?:   boolean;
+  icon?: boolean;
 }
-const { type, disabled = false } = Astro.props;
+const { type, disabled = false, icon = false } = Astro.props;
 ---
 
-<div class={`button button__${type} ${disabled ? 'button--disabled' : ''}`}>
+<div class={`button button__${type} ${disabled ? 'button--disabled' : ''} ${icon ? 'button--icon' : ''}`}>
   <slot/>
 </div>