MULTI-STEP TAB FORM

A segmented form wizard with state preservation across tabs. Features controlled inputs, complex nested state, and smooth transitions.

Data remains intact when switching between tabs, allowing users to review and edit freely.

Every input field, checkbox, and radio button is fully controlled via a central React state.

Navigate using either the tab headers or the bottom action buttons for a seamless flow.

Personal Info

Please provide your basic details.

live_state.json

const formData = {
  "name": "",
  "age": "",
  "email": "",
  "interests": [],
  "theme": "light"
}