Dialog component for creating and sharing invite links.
This component provides a full-featured dialog for generating invite links with options for:
Must be used within a HiyveProvider context.
Basic usage with external trigger:
function RoomHeader({ roomName }: { roomName: string }) { const [open, setOpen] = useState(false); return ( <> <Button onClick={() => setOpen(true)}>Share</Button> <InviteLinkDialog roomName={roomName} open={open} onClose={() => setOpen(false)} /> </> );} Copy
function RoomHeader({ roomName }: { roomName: string }) { const [open, setOpen] = useState(false); return ( <> <Button onClick={() => setOpen(true)}>Share</Button> <InviteLinkDialog roomName={roomName} open={open} onClose={() => setOpen(false)} /> </> );}
With custom labels for i18n:
<InviteLinkDialog roomName={roomName} open={open} onClose={handleClose} labels={{ title: 'Invitar a otros', generateButton: 'Generar enlace', copyButton: 'Copiar enlace', }}/> Copy
<InviteLinkDialog roomName={roomName} open={open} onClose={handleClose} labels={{ title: 'Invitar a otros', generateButton: 'Generar enlace', copyButton: 'Copiar enlace', }}/>
Dialog component for creating and sharing invite links.