Flow
Sign in
shadcn addsign-in
Detent
Wire it up
All optional. With none, it plays exactly as it does here and hands over to whoever touches it.
Usage
<SignIn
providers={providers}
workspaces={workspaces}
waiting={waiting}
onComplete={(workspace) => {}}
/>Your data
PropDescriptionDefault
providersThe one-press providers, in order. An empty list leaves email on its own.
('google' | 'github')[]Default
['google', 'github']workspacesThe workspaces to choose from once you’re in: a name, a line under it and a hue.
Workspace[]Default—
waitingWhat’s waiting on the other side, beside the form and redacted until a person is in. An empty list gives the form the whole window.
Waiting[]Default—
productThe product being signed in to: the heading, the mark’s label, the email and the consent sheet.
stringDefault
'Detent'What it tells you
PropDescriptionDefault
onCompleteCalled with the workspace a person picks.
(workspace: Workspace) => voidDefault—
Every block also takes accent, the one colour everything in it derives from; autoplay, which plays the demo until someone touches it; and className.