Stepper

New

Покроковий процес з візуальною індикацією прогресу.

Import

import { Stepper } from '@brutal-ui/react';

Basic Usage

Акаунт

Створити акаунт

Профіль

Заповнити інформацію

Налаштування

Встановити параметри

Завершення

Підтвердити дані

const [currentStep, setCurrentStep] = useState(1);

<Stepper
  currentStep={currentStep}
  onStepClick={setCurrentStep}
  steps={[
    { title: 'Акаунт', description: 'Створити акаунт' },
    { title: 'Профіль', description: 'Заповнити інформацію' },
    { title: 'Налаштування', description: 'Встановити параметри' },
    { title: 'Завершення', description: 'Підтвердити дані' },
  ]}
/>

Props

Prop	Type	Default	Description
steps	Step[]	-	Array of steps
currentStep	number	-	Current active step (1-based)
onStepClick	function	-	Step click handler