LoadingModal component displays a full-screen modal with a loading spinner and customizable text color.
This component is used to indicate a loading state, overlaying the entire screen with a semi-transparent background and a centered loading spinner.
import React from 'react';import { LoadingModal } from 'mediasfu-reactjs';function App() { return ( <div> <LoadingModal isVisible={true} backgroundColor="rgba(255, 255, 255, 0.5)" displayColor="blue" /> </div> );}export default App; Copy
import React from 'react';import { LoadingModal } from 'mediasfu-reactjs';function App() { return ( <div> <LoadingModal isVisible={true} backgroundColor="rgba(255, 255, 255, 0.5)" displayColor="blue" /> </div> );}export default App;
The properties for the LoadingModal component.
The rendered LoadingModal component.
Optional
Ignored by React.
Only kept in types for backwards compatibility. Will be removed in a future major release.
Used in debugging messages. You might want to set it explicitly if you want to display a different name for debugging purposes.
Legacy React Docs
const MyComponent: FC = () => { return <div>Hello!</div>}MyComponent.displayName = 'MyAwesomeComponent' Copy
const MyComponent: FC = () => { return <div>Hello!</div>}MyComponent.displayName = 'MyAwesomeComponent'
LoadingModal component displays a full-screen modal with a loading spinner and customizable text color.
This component is used to indicate a loading state, overlaying the entire screen with a semi-transparent background and a centered loading spinner.
Component
Example