en-US

Custom icon.

zh-CN

自定义图标。

import { PhoneOutlined, MessageOutlined } from '@react-devui/icons';
import { DStepper } from '@react-devui/ui';

export default function Demo() {
  return (
    <>
      <DStepper
        dActive={2}
        dList={[
          {
            title: 'Step 1',
            description: 'This is 1 description.',
            icon: false,
          },
          {
            title: 'Step 2',
            description: 'This is 2 description.',
            icon: false,
          },
          {
            title: 'Step 3',
            description: 'This is 3 description.',
            icon: false,
          },
        ]}
        dIconSize={8}
      ></DStepper>
      <br />
      <br />
      <DStepper
        dActive={2}
        dList={[
          {
            title: 'Step 1',
            description: 'This is 1 description.',
            icon: <PhoneOutlined />,
          },
          {
            title: 'Step 2',
            description: 'This is 2 description.',
            icon: <MessageOutlined />,
          },
          {
            title: 'Step 3',
            description: 'This is 3 description.',
          },
        ]}
      ></DStepper>
    </>
  );
}