Stepper Component — Nettalco PrimeNG Theme Preset

<!-- app.component.html -->
<p-stepper value="1">
  <p-step-list>
    <p-step value="1">Personal Info</p-step>
    <p-step value="2">Address</p-step>
    <p-step value="3">Review</p-step>
  </p-step-list>

  <p-step-panels>
    <p-step-panel value="1">
      <ng-template #content let-activateCallback="activateCallback">
        <div class="flex flex-col gap-4 p-4">
          <input pInputText placeholder="Full name" />
          <input pInputText placeholder="Email address" />
          <p-button label="Next" (onClick)="activateCallback('2')" />
        </div>
      </ng-template>
    </p-step-panel>

    <p-step-panel value="2">
      <ng-template #content let-activateCallback="activateCallback">
        <div class="flex flex-col gap-4 p-4">
          <input pInputText placeholder="Street address" />
          <input pInputText placeholder="City" />
          <div class="flex gap-2">
            <p-button label="Back" severity="secondary" (onClick)="activateCallback('1')" />
            <p-button label="Next" (onClick)="activateCallback('3')" />
          </div>
        </div>
      </ng-template>
    </p-step-panel>

    <p-step-panel value="3">
      <ng-template #content let-activateCallback="activateCallback">
        <div class="flex flex-col gap-4 p-4">
          <p>Please review your details before submitting.</p>
          <div class="flex gap-2">
            <p-button label="Back" severity="secondary" (onClick)="activateCallback('2')" />
            <p-button label="Submit" (onClick)="onSubmit()" />
          </div>
        </div>
      </ng-template>
    </p-step-panel>
  </p-step-panels>
</p-stepper>

// app.component.ts
import { Component } from '@angular/core';
import { StepperModule } from 'primeng/stepper';
import { ButtonModule } from 'primeng/button';
import { InputTextModule } from 'primeng/inputtext';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  imports: [StepperModule, ButtonModule, InputTextModule],
})
export class AppComponent {
  onSubmit() {
    console.log('Form submitted');
  }
}