chore: adding more examples of playground code

Author: matheusrocha89

playground/package-lock.json

@@ -11,7 +11,8 @@
   },
   "dependencies": {
     "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react-dom": "^18.3.1",
+    "react-icons": "^5.4.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.17.0",

playground/package.json

@@ -1,5 +1,6 @@
 import reactLogo from "./assets/react.svg";
 import viteLogo from "/vite.svg";
+import { LuAArrowDown, LuArrowUp } from "react-icons/lu";
 import { InputClickEdit } from "@nobrainers/react-click-edit";
 import "./App.css";
 import { useState } from "react";
@@ -23,7 +24,15 @@ function App() {
       <div className="card">
         <InputClickEdit onInputChange={handleChange} value={value} showIcons />
         <br />
-        <InputClickEdit onInputChange={handleChange} value={value} justIcons />
+        <InputClickEdit onInputChange={handleChange} value={value} iconsOnly />
+        <br />
+        <InputClickEdit
+          onInputChange={handleChange}
+          value={value}
+          showIcons
+          saveIcon={LuAArrowDown}
+          editIcon={LuArrowUp}
+        />
         <p>
           Edit <code>src/App.tsx</code> and save to test HMR
         </p>