Recipe

Onboarding checklist

A launch checklist with setup progress, visible prerequisites, and a clear next action.

Preview

Launch

Workspace setup

Four required steps before inviting the operations team.

OKProfileName, domain, and time zone are set.
2BillingBilling contact needs confirmation.
3TeamInvite links stay locked until setup completes.
4LaunchPublish the workspace for the whole team.

Send setup summaryEmail the owner when all launch checks pass.Require finance reviewHold billing actions until account details are confirmed.

Almost ready

Invite links unlock after the billing contact is verified.

Ingredients

The recipe only uses documented Axie primitives.

ProgressStepperCheckboxAlertButton

Accessibility

Use a real ordered stepper so the current setup position is announced in reading order.
Keep the checklist as native checkboxes with clear labels instead of relying on icons.
Put account-level setup warnings in an alert region near the action it affects.

Code

code

<div className="grid gap-5">  <Progress value={72} tone="accent" />  <Stepper current="billing" items={steps} />  <Checkbox defaultChecked label="Send setup summary" />  <Checkbox label="Require finance review" />  <Alert title="Almost ready" tone="info" /></div>