Merge pull request #28 from kaiachain/pr-27

Pr 27
kaiachain · Jan 15, 2025 · ff37b7f · ff37b7f
2 parents fe74a22 + 67518f4
commit ff37b7f
Show file tree

Hide file tree

Showing 5 changed files with 58 additions and 289 deletions.
diff --git a/example/package.json b/example/package.json
@@ -11,8 +11,7 @@
   "dependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "styled-components": "^6.1.11",
-    "@kaiachain/kaia-design-system": "file:../"
+    "styled-components": "^6.1.11"
   },
   "devDependencies": {
     "@types/react": "^18.2.66",

diff --git a/example/src/Home/SelectBoxes.tsx b/example/src/Home/SelectBoxes.tsx
@@ -1,5 +1,6 @@
 import { useState } from 'react'
 import { KaText, KaSelectBox } from '@kaiachain/kaia-design-system'
+import kaiaLogo from '../assets/kaia.svg'
 
 const SelectBoxes = () => {
   const [selected, setSelected] = useState<string>('')
@@ -16,7 +17,7 @@ const SelectBoxes = () => {
           {
             value: '0',
             label: 'Option 1',
-            img: 'https://square-file.qa.klaytn.net/files/profile/default.png',
+            img: <img src="https://dummyimage.com/100x100/000/fff" />,
           },
           { value: '1', label: 'Disabled Option2', isDisabled: true },
           { value: '2', label: 'Option 3' },
@@ -38,12 +39,12 @@ const SelectBoxes = () => {
               {
                 value: '3',
                 label: 'SubItem 1',
-                img: 'https://square-file.qa.klaytn.net/files/profile/default.png',
+                img: 'https://dummyimage.com/100x100/000/fff',
                 subItems: [
                   {
                     value: '5',
                     label: 'More SubItem 1',
-                    img: 'https://square-file.qa.klaytn.net/files/profile/default.png',
+                    img: <img src={kaiaLogo} />,
                   },
                   { value: '6', label: 'More SubItem 2' },
                 ],

diff --git a/example/src/assets/kaia.svg b/example/src/assets/kaia.svg