# Form Wizard

Linear multi-step form that moves through one panel at a time, with a horizontal progress track pinned above rather than running down a rail, so every step keeps the full content width for its fields. Only the current step renders, unlike an accordion where each section expands into one long scrolling form. Each advance is validated, and a step left broken stays flagged to jump back to.

UI demo only: authentication, payments, AI responses, uploads and navigation are not connected to production services. Keep the Meta MIT notice. Media comes from the pinned Astryx repository; copy the media directory with its license or replace /resource-previews/astryx/ paths with your own assets. See /resource-previews/astryx/media/manifest.json for provenance. Template body copy stays in its original language. Three upstream draft templates are labeled experimental.

Status: ready

## Dependencies

```sh
npm install @astryxdesign/core@0.7.1 @astryxdesign/theme-neutral@0.7.1 @stylexjs/stylex@0.19.0
```

## Scaffold the upstream template

```sh
npx @astryxdesign/cli@0.7.1 template form-wizard ./src/templates/form-wizard
```

Run in the consumer project. Inspect the target directory first; never overwrite existing files. npm installs dependencies; the CLI scaffolds template source.

First configure React 19, base CSS and a Theme provider. [Setup](/resources/astryx/docs/getting-started)

Uses prebuilt Astryx component styles.

License: MIT
Source: @astryxdesign/cli@0.7.1/packages/cli/assets/templates/pages/form-wizard/page.tsx


---

Index of all JGuang resources: https://jiguang132.com/llms.txt