Docs / Components

SenseStepperComponent

Step navigation control for multi-step flows with optional linear progression from @artificialsenselabs/ui.

Live demo: run nx serve showcase and open /components/stepper (port 4202).

Overview

Category: Form controls. Selector: sense-stepper. Import: import { SenseStepperComponent } from '@artificialsenselabs/ui';

Accessibility

  • Host exposes role="navigation" with a localized aria-label.
  • Each step button exposes aria-current="step" on the active step.
  • Disabled and unavailable steps are removed from interaction via the native disabled attribute.
  • Linear mode prevents selecting future steps until earlier steps are completed.