mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-15 08:59:15 +08:00
413e44a170
* feat: breadCrumb support items * feat: update snap * feat: 删除部分不支持的test case * feat: update snap * feat: update snap * feat: update snap * feat: update ts * feat: update ts * feat: update ts * feat: update for reviewer * doc: update for doc * doc: update for doc * doc: replace breadcrumbName to title * doc: replace breadcrumbName to title * doc: replace breadcrumbName to title * chore: adjust separator logic * refactor: use items * chore: update logic * chore: fix routes logic * chore: fix logic * chore: clean up * chore: adjust warning info * doc: edit test case * feat: update snap --------- Co-authored-by: 二货机器人 <smith3816@gmail.com>
52 lines
875 B
TypeScript
52 lines
875 B
TypeScript
import React from 'react';
|
|
import { Breadcrumb } from 'antd';
|
|
|
|
const menuItems = [
|
|
{
|
|
key: '1',
|
|
label: (
|
|
<a target="_blank" rel="noopener noreferrer" href="http://www.alipay.com/">
|
|
General
|
|
</a>
|
|
),
|
|
},
|
|
{
|
|
key: '2',
|
|
label: (
|
|
<a target="_blank" rel="noopener noreferrer" href="http://www.taobao.com/">
|
|
Layout
|
|
</a>
|
|
),
|
|
},
|
|
{
|
|
key: '3',
|
|
label: (
|
|
<a target="_blank" rel="noopener noreferrer" href="http://www.tmall.com/">
|
|
Navigation
|
|
</a>
|
|
),
|
|
},
|
|
];
|
|
|
|
const App: React.FC = () => (
|
|
<Breadcrumb
|
|
items={[
|
|
{
|
|
title: 'Ant Design',
|
|
},
|
|
{
|
|
title: <a href="">Component</a>,
|
|
},
|
|
{
|
|
title: <a href="">General</a>,
|
|
menu: { items: menuItems },
|
|
},
|
|
{
|
|
title: 'Button',
|
|
},
|
|
]}
|
|
/>
|
|
);
|
|
|
|
export default App;
|