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.

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(){}}
        />
    );
}

Prop	Type	Description
`onInviteError`	`function(error)`	Error callback when sending the invite fails.
`onInviteSuccess`	`function(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.

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.

user invites table screenshot

Integration

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

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

API Overview