- React
- React deprecated

## Examples

### Basic

### Focus content on next/back

To focus the main content element of the `Wizard`, pass in the `shouldFocusContent` property. It is recommended that this is passed in so that users can navigate through a `WizardStep` content in order.

### Basic with disabled steps

### Anchors for nav items

### Incrementally enabled steps

### Expandable steps

### Progress after submission

### Enabled on form validation

### Validate on button press

### Progressive steps

### Get current step

### Within modal

### Step drawer content

### Custom navigation

### Header

### Custom footer

### Custom navigation item

### Toggle step visibility

### Step status

## Hooks

### useWizardContext

Used to access any property of WizardContext:

    const StepContent = () => {
      const { activeStep } = useWizardContext();
      return <>This is the current step: {activeStep}</>;
    }

### useWizardFooter

Used to set a unique footer for the wizard on any given step.

    const StepContent = () => {
      useWizardFooter(<>Some footer</>);
      return <>Step content</>;
    }

##
CSS variables