Corpora UI
Blocks

Linked accounts

Settings panel for the sign-in identities on an account: lists the connected ones, offers connect buttons for the rest, and guards the last remaining method from being disconnected.

Preview and props

Expand Props below the centered preview to change the component’s properties.

Examples

Connect and disconnect demo identities, and explore loading and error states.

Connected accounts
Manage the accounts you can use to sign in.
  • Googlereader@example.com
  • GitHubreader@users.noreply.github.com

Example controls

Usage

import { LinkedAccountsBlock } from "@exegia/corpora-ui"

<LinkedAccountsBlock identities={identities} onLink={link} onUnlink={unlink} />

API notes

PropTypeDefaultDescription
identitiesILinkedIdentity[][]Identities attached to the account ({ id, provider, email? }).
providersTSocialProvider[]["google", "apple", "github"]Connect candidates. Already-connected providers are filtered out.
loadingbooleanfalseShows the loading row instead of the list.
onLink / onUnlink(provider | id) => Promise<void&gt—Reject (or throw) to show the inline error. Unlink never fires for the last remaining identity.

Last updated on

On this page