ConfirmExitModal component renders a modal dialog to confirm the exit action.
import React from 'react';import { ConfirmExitModal } from 'mediasfu-reactjs';import { io } from 'socket.io-client';const App = () => { const socket = io("http://localhost:3000"); const handleCloseModal = () => console.log("Modal closed"); const confirmExit = async (options) => console.log("Exit confirmed", options); return ( <ConfirmExitModal isConfirmExitModalVisible={true} onConfirmExitClose={handleCloseModal} exitEventOnConfirm={confirmExit} member="John Doe" ban={false} roomName="Room 1" socket={socket} islevel="2" position="topRight" backgroundColor="#83c0e9" /> );};export default App; Copy
import React from 'react';import { ConfirmExitModal } from 'mediasfu-reactjs';import { io } from 'socket.io-client';const App = () => { const socket = io("http://localhost:3000"); const handleCloseModal = () => console.log("Modal closed"); const confirmExit = async (options) => console.log("Exit confirmed", options); return ( <ConfirmExitModal isConfirmExitModalVisible={true} onConfirmExitClose={handleCloseModal} exitEventOnConfirm={confirmExit} member="John Doe" ban={false} roomName="Room 1" socket={socket} islevel="2" position="topRight" backgroundColor="#83c0e9" /> );};export default App;
The properties object.
The ConfirmExitModal 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'
ConfirmExitModal component renders a modal dialog to confirm the exit action.
Example