ShareEventModal component renders a modal for sharing event details.
import React from 'react';import { ShareEventModal } from 'mediasfu-reactjs';const App = () => { const handleCloseModal = () => console.log("Modal closed"); return ( <ShareEventModal backgroundColor="rgba(255, 255, 255, 0.25)" isShareEventModalVisible={true} onShareEventClose={handleCloseModal} shareButtons={true} position="topRight" roomName="Room 1" adminPasscode="1234" islevel="2" eventType="meeting" localLink="http://localhost:3000" /> );};export default App; Copy
import React from 'react';import { ShareEventModal } from 'mediasfu-reactjs';const App = () => { const handleCloseModal = () => console.log("Modal closed"); return ( <ShareEventModal backgroundColor="rgba(255, 255, 255, 0.25)" isShareEventModalVisible={true} onShareEventClose={handleCloseModal} shareButtons={true} position="topRight" roomName="Room 1" adminPasscode="1234" islevel="2" eventType="meeting" localLink="http://localhost:3000" /> );};export default App;
The properties object.
The rendered ShareEventModal 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'
ShareEventModal component renders a modal for sharing event details.
Example