Function Stepper

Stepper<const V extends string = string>(
__namedParameters: StepperProps<V>,
): Element
Shows connected progress through named stages with current, completed and disabled states. Radius tokens shape the stage indicators; the default config uses circular indicators. Interactive stages share a roving tab stop. Arrows and Home/End move focus; Enter/Space activate. Use readOnly for progress controlled by a separate form or navigation flow.
Type Parameters
- const V extends string = string
Parameters
- __namedParameters: StepperProps<V>
Returns Element
Example
```
<Stepper aria-label="Checkout" defaultValue="payment" items={[
  { id: 'details', label: 'Details', completed: true },
  { id: 'payment', label: 'Payment' },
  { id: 'review', label: 'Review', disabled: true },
]} />
```