fix: style issues and created readme file

melihsahtulek · Aug 8, 2023 · a564bbd · a564bbd
1 parent d3b3f30
commit a564bbd
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 5 deletions.
diff --git a/public/demo.png b/public/demo.png
diff --git a/readme.md b/readme.md
diff --git a/src/App.tsx b/src/App.tsx
@@ -1,4 +1,5 @@
 import MultiSelect, { Option } from '@/components/MultiSelect';
+import { useState } from 'react';
 
 const options = [
   {
@@ -28,21 +29,26 @@ const options = [
 ];
 
 function App() {
+  const [selectedItems, setSelectedItems] = useState([]);
+
   return (
     <div>
-      MultiSelect: true, searchable: true
+      <b>MultiSelect: true, searchable: true</b>
       <MultiSelect
         searchable={true}
         multiSelectable={true}
         disabled={false}
         options={options}
         onChangeState={(data: Option[]) => {
-          console.log('***Selected Items***');
-          Object.values(data).forEach((elem) => {
-            console.log(elem);
-          });
+          setSelectedItems(data as never);
         }}
       />
+      <br />
+      <pre>{JSON.stringify(selectedItems, null, 2)}</pre>
+      <br />
+      <b>
+        dev. by <a href="https://github.com/melihsahtulek">melihsahtulek</a>
+      </b>
     </div>
   );
 }

diff --git a/src/index.css b/src/index.css
@@ -22,4 +22,5 @@ body {
   font-size: inherit;
   line-height: 1.15;
   padding: 2.5rem;
+  font-weight: 500;
 }