changes to example project

Author: GokulSNath

example/src/App.js example/src/App.tsxexample/src/App.js renamed to example/src/App.tsx

@@ -3,7 +3,9 @@ import './App.css';
 import MyLibrary from "vertical-stepper";
 function App() {
   return (
+    <div style={{ width:'fit-content', height:'50vh', paddingTop:'10vh', paddingLeft:'10vh'}}>
     <MyLibrary />
+    </div>
   );
 }
 

example/src/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import App from './App';
+import App from './App.tsx';
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(

src/stepper-component/styles.scss

@@ -1,3 +1,6 @@
 .stepperContainer {
     display: flex;
+    width: 100%;
+    height: 100%;
+    background-color: red;
 }