en-US

Configure the separator globally or configure each item individually.

zh-CN

全局配置分隔符或者单独配置每一项。

import { HomeOutlined, RightOutlined } from '@react-devui/icons';
import { DBreadcrumb } from '@react-devui/ui';

export default function Demo() {
  return (
    <DBreadcrumb
      dList={[
        {
          id: 0,
          title: (
            <div style={{ display: 'flex', alignItems: 'center', gap: '0 4px', padding: '0 6px' }}>
              <HomeOutlined />
              Home
            </div>
          ),
          separator: '-',
        },
        {
          id: 1,
          title: <a style={{ padding: '0 6px' }}>Component</a>,
          link: true,
        },
        {
          id: 2,
          title: <span style={{ padding: '0 6px' }}>Breadcrumb</span>,
        },
      ]}
      dSeparator={<RightOutlined dSize="0.9em" />}
    ></DBreadcrumb>
  );
}