---
title: "Setup wizard"
description: "A studio's setup in six steps on the Pro form wizard: studio, rooms and kilns, first class, teachers, payments and a review, with a save that can fail and retry."
plan: Pro
docs: https://ui.edbn.me/docs/blocks/setup-wizard
---

# Setup wizard

A studio's setup in six steps on the Pro form wizard: studio, rooms and kilns, first class, teachers, payments and a review, with a save that can fail and retry.

Six steps over one Pro form and one schema: the studio (name, kind, time zone), rooms and kilns in rows with how many fit, a first class with a weekly slot, teachers to invite as email chips with one role, and two ways to take payments that connect in place. Next checks only the step you're on and focuses the first problem; Back keeps every answer; the last three steps can be skipped. From 1024px a step list sits beside the form: the step you're on is marked, done steps show what was set and open again with a click, and anything further waits. Narrower, a Step 3 of 6 bar sits over the form. Moving between steps puts focus on the new heading, and Enter in a text field goes to the next step. The review lists every answer with Edit, which opens its step with Back to review. Create studio keeps its width while it saves. In this sample the first try fails on a room with Retry and Start over (which asks first), the list staying on Review and marking the rooms; the second try finishes with links into the app.

A Pro block built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install:

```bash
npx shadcn@4.19.0 add @edbn/setup-wizard
```

## Dependencies
- npm: lucide-react@^1.33.0, react-hook-form@^7.87.0, zod@^4.3.5
- edbn: edbn-base, alert-dialog, button, combobox, field, item, label, select, spinner, switch, text-link, timeline, form-core, form-fields, form-wizard

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More onboarding blocks

All 5, with install commands: https://ui.edbn.me/docs/blocks/onboarding (Markdown: https://ui.edbn.me/docs/blocks/onboarding.md)

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt
