cnd-components-mcp/componentData/components/Breadcrumb/examples.md

An MCP service for Cnd components query | 一个减少 Cnd 组件代码生成幻觉的 MCP 服务，包含系统提示词、组件文档、API 文档、代码示例和更新日志查询

## 示例
```tsx
import React from 'react';
import { Breadcrumb } from '@alicloud/console-components';

export default function Demo1() {
  return (
    <Breadcrumb>
      <Breadcrumb.Item link="#">无影云电脑</Breadcrumb.Item>
      <Breadcrumb.Item link="#">用户与管理员</Breadcrumb.Item>
      <Breadcrumb.Item link="#">组织ID</Breadcrumb.Item>
      <Breadcrumb.Item link="#">策略</Breadcrumb.Item>
    </Breadcrumb>
  );
}

export const meta = {
  title: '默认',
  describe: 'link属性设置面包屑节点链接。',
};

```
```tsx
/* eslint-disable no-script-url */
import React from 'react';
import { Breadcrumb } from '@alicloud/console-components';

const spanStyle = {
  display: 'inline-block',
  width: '160px',
  textOverflow: 'ellipsis',
  overflow: 'hidden',
};

export default function Demo2() {
  return (
    <>
      <Breadcrumb maxNode={5}>
        <Breadcrumb.Item link="javascript:void(0)">无影云电脑</Breadcrumb.Item>
        <Breadcrumb.Item link="javascript:void(0)">
          <span style={spanStyle}>
            用户与管理员名称实例管理用户与管理员名称实例管理
          </span>
        </Breadcrumb.Item>
        <Breadcrumb.Item link="javascript:void(0)">组织ID</Breadcrumb.Item>
        <Breadcrumb.Item link="javascript:void(0)">组织ID</Breadcrumb.Item>
        <Breadcrumb.Item>策略</Breadcrumb.Item>
      </Breadcrumb>
      <br />
      <Breadcrumb maxNode={5}>
        <Breadcrumb.Item link="javascript:void(0)">无影云电脑</Breadcrumb.Item>
        <Breadcrumb.Item link="javascript:void(0)">
          用户与管理员
        </Breadcrumb.Item>
        <Breadcrumb.Item link="javascript:void(0)">组织ID</Breadcrumb.Item>
        <Breadcrumb.Item link="javascript:void(0)">组织ID</Breadcrumb.Item>
        <Breadcrumb.Item link="javascript:void(0)">组织ID</Breadcrumb.Item>
        <Breadcrumb.Item>策略</Breadcrumb.Item>
      </Breadcrumb>
    </>
  );
}

export const meta = {
  title: '超长字段/隐藏字段',
  describe: '通过设置maxNode属性设置最多显示字段，超出省略。',
};

```