Onboarding
Multi-step profile onboarding driven by a declared steps config: progress-tracked forms with back/forward navigation, per-step validation, draft restore and a single completion signal.
Preview and props
Expand Props below the centered preview to change the component’s properties.
Examples
Explore the configured steps, branding and completion states.
Example controls
Usage
import { OnboardingBlock } from "@exegia/corpora-ui"
<OnboardingBlock steps={steps} onComplete={saveProfile} />API notes
| Prop | Type | Default | Description |
|---|---|---|---|
| steps | IOnboardingStepConfig[] | DEFAULT_ONBOARDING_STEPS | Declared steps; each holds text, textarea, url, select and checkbox fields with optional required + validate rules. |
| logo | React.ReactNode | — | Brand mark rendered above the title. Omitted leaves no logo row at all. |
| accent | "corpora" | "exegia" | — | Brand accent for the primary action — corpora is a solid #E8B124, exegia a purple gradient. Omit to keep the default primary. |
| onStepSubmit | (stepId, values) => Promise<void> | — | Fires per step. Reject (or throw) to keep the user on the step and show the error. |
| onComplete | (profile) => Promise<void> | — | Fires once, after the final step is accepted, with the merged profile. |
| showCompleteScreen | boolean | true | Brief success screen once onboarding completes. false renders nothing instead. |
autoFocus defaults to true and moves focus to step headings. Set it to false for embedded previews that should preserve the surrounding page’s focus.
Last updated on
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.
Auth flow
Orchestrator over the auth blocks: renders the right block for the flow's current step (login, signup, verify-code, forgot-password, update-password, onboarding, success) with the store wiring built in — the switchboard every host app was hand-rolling around `useAuthFlow`.