User Invites
UI Components

User Invites UI Components

ℹ️

Before you can use these UI Components, please do the basic setup.

<UserInviteButton />

Description

The <UserInviteButton /> component renders a button which opens a lightbox. The user can then invite other users.

user-invite-button

Integration

You can integrate the <UserInviteButton/> component using this code:

import {UserInviteButton} from '@roq/ui-react';
 
function App() {
    return (
        <UserInviteButton
            onInviteError={function noRefCheck(){}}
            onInviteSuccess={function noRefCheck(){}}
        />
    );
}
PropTypeDescription
onInviteErrorfunction(error)Error callback when sending the invite fails.
onInviteSuccessfunction(data)Success callback when sending the invite success.

User Invite Pane UI Component

<UserInvitePane />

Description

The <UserInvitePane /> component renders a pane that allows to invite one or multiple users at once.

Image

Integration

You can integrate the <UserInvitePane/> component using this code:

import { UserInvitePane } from '@roq/ui-react';
 
function App() {
    return (
        <UserInvitePane
            onInviteError={function noRefCheck(){}}
            onInviteSuccess={function noRefCheck(){}}
        />
    );
}

<UserInvitesTable />

Description

The <UserInvitesTable /> component renders all related components at once. Users can invite other users and manage their invitees in a table.

Integration

You can integrate the <UserInvitesTable/> component using this code:

import { NotificationModal } from '@roq/ui-react';
 
function App() {
    return (
        <UserInvitesTable />
    );
}