From 53747d6f227ba4daee17e443cbb9b203dc77a5a9 Mon Sep 17 00:00:00 2001
From: pplancq <paul.plancq@outlook.fr>
Date: Thu, 6 Feb 2025 09:01:18 +0100
Subject: [PATCH] docs(slash): add migration guide for button component from V1

---
 MIGRATION-GUIDE-SLASH-FROM-V1.md | 36 ++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 MIGRATION-GUIDE-SLASH-FROM-V1.md

diff --git a/MIGRATION-GUIDE-SLASH-FROM-V1.md b/MIGRATION-GUIDE-SLASH-FROM-V1.md
new file mode 100644
index 000000000..10f482f5e
--- /dev/null
+++ b/MIGRATION-GUIDE-SLASH-FROM-V1.md
@@ -0,0 +1,36 @@
+# Migration Guide Slash from V1
+
+## Button Component
+
+### Use custom class
+
+```diff
+- <Button className="af-btn my-custom-class">Button</Button>
++ <Button className="my-custom-class">Button</Button>
+```
+
+### Use class modifier
+
+Prop `classModifier` has removed, use props `variant`, `size` instead.
+
+```diff
+- <Button classModifier="reverse small">Button</Button>
++ <Button variant="secondary" size="small">Button</Button>
+```
+
+### Use Icon
+
+```diff
+- <Button classModifier="hasIconLeft">
+-   <i className={`glyphicon glyphicon-arrow-left`} />
+-   Button
+- </Button>
++ <Button leftIcon={<i className={`glyphicon glyphicon-arrow-left`} />}>Button</Button>
+```
+
+### Disabled Button
+
+```diff
+- <Button classModifier="disabled">Button</Button>
++ <Button disabled>Button</Button>
+```