docs: enhance loading button example using spinner

anusha-c18 · anusha-c18 · commit b2042f21bafa · 2024-11-12T21:48:45.000+05:30
diff --git a/www/docs/examples/Button/Loading.js b/www/docs/examples/Button/Loading.js
@@ -1,5 +1,6 @@
 import { useEffect, useState } from 'react';
 import Button from 'react-bootstrap/Button';
+import Spinner from 'react-bootstrap/Spinner';
 
 function LoadingButton() {
   const [isLoading, setLoading] = useState(false);
@@ -26,7 +27,7 @@ function LoadingButton() {
       disabled={isLoading}
       onClick={!isLoading ? handleClick : null}
     >
-      {isLoading ? 'Loading…' : 'Click to load'}
+      {isLoading ? <Spinner size="sm" /> : 'Click to load'}
     </Button>
   );
 }

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,6 @@`
`1`	`1`	`import { useEffect, useState } from 'react';`
`2`	`2`	`import Button from 'react-bootstrap/Button';`
	`3`	`+import Spinner from 'react-bootstrap/Spinner';`
`3`	`4`
`4`	`5`	`function LoadingButton() {`
`5`	`6`	`const [isLoading, setLoading] = useState(false);`
`@@ -26,7 +27,7 @@ function LoadingButton() {`
`26`	`27`	`disabled={isLoading}`
`27`	`28`	`onClick={!isLoading ? handleClick : null}`
`28`	`29`	`>`
`29`		`- {isLoading ? 'Loading…' : 'Click to load'}`
	`30`	`+ {isLoading ? <Spinner size="sm" /> : 'Click to load'}`
`30`	`31`	`</Button>`
`31`	`32`	`);`
`32`	`33`	`}`