chore(build): adds ButtonsDemo

Author: pavankjadda

.prettierrc

@@ -1,3 +1,9 @@
 {
-  "singleQuote": true
+  "printWidth": 140,
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "semi": true,
+  "bracketSameLine": true,
+  "useTabs": true,
+  "endOfLine": "lf"
 }

apps/react-kit-demo/src/app/app.tsx

@@ -1,6 +1,6 @@
 import { createBrowserRouter, RouterProvider } from 'react-router-dom';
 import Home from './Home';
-import Buttons from './buttons/Buttons';
+import ButtonsDemo from './buttons/ButtonsDemo';
 import SnackBarDemo from './SnackBarDemo';
 import DialogDemo from './DialogDemo';
 import Root from '../routes/root';
@@ -16,7 +16,7 @@ const router = createBrowserRouter([
       },
       {
         path: '/buttons',
-        element: <Buttons />,
+        element: <ButtonsDemo />,
       },
       {
         path: '/snack-bar',

apps/react-kit-demo/src/app/buttons/Buttons.tsx

@@ -0,0 +1,29 @@
+import { CancelButton, DeleteButton, ExcelButton, LoadingSuccessButton, SuccessButton } from '@react-kit/react-kit';
+
+export default function ButtonsDemo() {
+	return (
+		<div>
+			Delete Button:
+			<DeleteButton loading={false} onClick={() => console.log('Clicked Delete Button')} /> <br />
+			<br />
+			Cancel Button:
+			<CancelButton onClick={() => console.log('Clicked Cancel Button')}>Cancel</CancelButton> <br />
+			<br />
+			Excel Button:
+			<ExcelButton onClick={() => console.log('Clicked Excel Button')}>Export to Excel</ExcelButton> <br />
+			<br />
+			<div>
+				Success Button:
+				<SuccessButton onClick={() => console.log('Clicked Success Button')}>Success</SuccessButton> <br />
+				<br />
+			</div>
+			<div>
+				Loading Success Button:
+				<LoadingSuccessButton loading={false} onClick={() => console.log('Clicked Loading Success Button')}>
+					Save
+				</LoadingSuccessButton>
+				<br />
+			</div>
+		</div>
+	);
+}

apps/react-kit-demo/src/app/buttons/ButtonsDemo.tsx

@@ -6,6 +6,7 @@ export { HistoryButton } from './lib/components/buttons/HistoryButton';
 export { LoadingSuccessButton } from './lib/components/buttons/LoadingSuccessButton';
 export { ManageButton } from './lib/components/buttons/ManageButton';
 export { SuccessButton } from './lib/components/buttons/SuccessButton';
+export { ExcelButton } from './lib/components/buttons/ExcelButton';
 
 // Export snackbar components
 export { AppSnackBar } from './lib/components/snack-bar/AppSnackBar';