You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
888 B
44 lines
888 B
import React from 'react';
|
|
import { Breadcrumb } from 'antd';
|
|
|
|
const items = [
|
|
{
|
|
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>
|
|
<Breadcrumb.Item>Ant Design</Breadcrumb.Item>
|
|
<Breadcrumb.Item>
|
|
<a href="">Component</a>
|
|
</Breadcrumb.Item>
|
|
<Breadcrumb.Item menu={{ items }}>
|
|
<a href="">General</a>
|
|
</Breadcrumb.Item>
|
|
<Breadcrumb.Item>Button</Breadcrumb.Item>
|
|
</Breadcrumb>
|
|
);
|
|
|
|
export default App;
|
|
|