# hello-plus/1.2.0/modules/admin/assets/js/components/spinner/spinner.js

Hello Plus, version 1.2.0. 26 lines.

- Page: https://pluginprobe.com/plugins/hello-plus/1.2.0/code/modules/admin/assets/js/components/spinner/spinner.js
- Raw: https://pluginprobe.com/plugins/hello-plus/1.2.0/raw/modules/admin/assets/js/components/spinner/spinner.js
- Modified: 2024-12-11T13:58:18+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/hello-plus/1.2.0/code/modules/admin/assets/js/components/spinner/spinner.js#L10-L20`.

```javascript
import CircularProgress from '@elementor/ui/CircularProgress';
import Box from '@elementor/ui/Box';

const Spinner = () => {
	const style = {
		position: 'fixed',
		top: 0,
		left: 0,
		width: '100%',
		height: '100%',
		display: 'flex',
		justifyContent: 'center',
		alignItems: 'center',
		background: 'rgba(255, 255, 255, 0.8)', // Optional: to add a semi-transparent background
		zIndex: 1000, // Optional: to ensure the spinner is on top
	};

	return (
		<Box style={ style }>
			<CircularProgress />
		</Box>
	);
};

export default Spinner;

```