Merge pull request #1848 from SpareBank1/secondarybutton-eksempel-bug

fix(component-overview): legger til fungerende ikon i eksempel på secondarybutton
SpareBank1 · Mar 18, 2024 · 4cd9457 · 4cd9457
2 parents 7d4a32b + d447d89
commit 4cd9457
Showing 1 changed file with 19 additions and 13 deletions.
diff --git a/component-overview/examples/buttons/SecondaryButton.jsx b/component-overview/examples/buttons/SecondaryButton.jsx
@@ -1,15 +1,21 @@
 import { SecondaryButton, ButtonGroup } from '@sb1/ffe-buttons-react';
+import { Icon } from '@sb1/ffe-icons-react';
 
-<ButtonGroup thin={true}>
-    <SecondaryButton onClick={f => f}>Secondary knapp</SecondaryButton>
-    <SecondaryButton leftIcon="attach_file" onClick={f => f}>
-        Secondary m/ ikon
-    </SecondaryButton>
-    <SecondaryButton
-        isLoading={true}
-        onClick={f => f}
-        ariaLoadingMessage="Vennligst vent..."
-    >
-        Secondary knapp
-    </SecondaryButton>
-</ButtonGroup>
+() => {
+    const checkIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Im0zODItMzM5LjM4NCAzNDUuNTM5LTM0NS41MzhxOC45MjMtOC45MjMgMjEuMTkyLTkuMTE2IDEyLjI2OS0uMTkyIDIxLjU3NiA5LjExNiA5LjMwOCA5LjMwNyA5LjMwOCAyMS4zODQgMCAxMi4wNzYtOS4zMDggMjEuMzg0bC0zNjMgMzYyLjk5OVEzOTYuNDYxLTI2OC4zMDkgMzgyLTI2OC4zMDlxLTE0LjQ2MSAwLTI1LjMwNy0xMC44NDZsLTE2Ny0xNjYuOTk5cS04LjkyMy04LjkyMy04LjgwOC0yMS4xOTIuMTE2LTEyLjI2OSA5LjQyMy0yMS41NzYgOS4zMDgtOS4zMDggMjEuMzg0LTkuMzA4IDEyLjA3NyAwIDIxLjM4NCA5LjMwOEwzODItMzM5LjM4NFoiLz48L3N2Zz4="
+    return (
+        <ButtonGroup thin={true}>
+        <SecondaryButton onClick={f => f}>Secondary knapp</SecondaryButton>
+        <SecondaryButton leftIcon={<Icon fileUrl={checkIcon} />} onClick={f => f}>
+            Secondary m/ ikon
+        </SecondaryButton>
+        <SecondaryButton
+            isLoading={true}
+            onClick={f => f}
+            ariaLoadingMessage="Vennligst vent..."
+        >
+            Secondary knapp
+        </SecondaryButton>
+    </ButtonGroup>
+    );
+}