en-US

Make the step clickable via dClickable.

zh-CN

通过 dClickable 设置步骤为可点击的。

import { useState } from 'react';

import { DStepper } from '@react-devui/ui';

export default function Demo() {
  const [active, setActive] = useState(1);

  return (
    <DStepper
      dActive={active}
      dList={[
        {
          title: 'This is a long long long long long title',
        },
        {
          title: 'Step 2',
        },
        {
          title: 'Step 3',
          description: 'This is a long long long long long description.',
        },
        {
          title: 'Step 4',
          description: 'This is 4 description.',
        },
      ]}
      dClickable
      onItemClick={(step) => {
        setActive(step);
      }}
    ></DStepper>
  );
}