en-US

Set the vertical layout via dVertical.

zh-CN

通过 dVertical 设置垂直排布。

import { CheckCircleOutlined, CloseCircleFilled } from '@react-devui/icons';
import { DTimeline } from '@react-devui/ui';

export default function Demo() {
  return (
    <DTimeline
      style={{ width: 400 }}
      dList={[
        {
          content: ['2022-01-01', 'This is a long long long long long text'],
          status: 'completed',
          icon: <CheckCircleOutlined />,
        },
        {
          content: [null, 'This is a text'],
          status: 'error',
          icon: <CloseCircleFilled dSize={20} />,
        },
        {
          content: ['2022-01-03', 'This is a text'],
          status: 'active',
        },
        {
          content: ['2022-01-04', 'This is a text'],
          status: 'wait',
        },
      ]}
      dVertical
    />
  );
}