Hiyve Components - v1.0.0
    Preparing search index...

    Function JoinToken

    • Token display and entry component for room invitations.

      In display mode, the component shows a token in a monospace-styled box with Copy and Share buttons. The Copy button temporarily shows "Copied!" feedback. The Share button invokes the platform's native share sheet.

      In input mode, the component provides a text field for entering a token, an optional password field, a Preview button to look up room info, and a Join button. When room info is available from a lookup, a preview card shows the room name and active/inactive status.

      Parameters

      Returns Element

      // Display mode -- show and share a token
      import { JoinToken } from '@hiyve/rn-meeting';

      function InvitePanel({ token, roomName }: { token: string; roomName: string }) {
        return (
          <JoinToken
            mode="display"
            token={token}
            roomName={roomName}
            onCopyToken={() => Clipboard.setString(token)}
          />
        );
      }

      // Input mode -- enter a token and join
      import { JoinToken } from '@hiyve/rn-meeting';

      function JoinPanel() {
        return (
          <JoinToken
            mode="input"
            onJoin={(token, password) => joinRoom(token, password)}
            onLookup={(token) => lookupRoom(token)}
            requirePassword
          />
        );
      }

    Settings

    Member Visibility