Blocks
Signup
Account creation with a progressively revealed password field, password strength, terms consent and social providers.
Preview and props
Expand Props below the centered preview to change the component’s properties.
Examples
Change the name, terms and password requirements, then try creating an account with either submit outcome.
Create your account
Start exploring manuscripts in minutes
Example controls
Usage
import { SignupBlock } from "@exegia/corpora-ui"
<SignupBlock onSubmit={async (data) => createAccount(data)} />API notes
| Prop | Type | Default | Description |
|---|---|---|---|
| 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. |
| showNameField / showTerms | boolean | true | Toggle the name field and terms checkbox. |
| termsChecked / onTermsCheckedChange | boolean / (checked: boolean) => void | — | Control the terms checkbox from outside — an “I agree” action in your own terms dialog, say. Omit both to let the block own it; defaultTermsChecked sets the uncontrolled starting state. |
| termsComponent | React.ReactNode | — | Replaces the built-in “terms” link inside the consent label — pass your own dialog trigger to render it inline instead of wiring onTerms. |
| enforceStrongPassword | boolean | true | Block submission until all password requirements pass. |
| onSubmit | (data) => Promise<void> | — | Reject to surface the error state. |
Last updated on