ant-design/components/anchor/demo/basic.md
2022-05-21 22:14:15 +08:00

41 lines
653 B
Markdown

---
order: 0
title:
zh-CN: 基本
en-US: Basic
---
## zh-CN
最简单的用法。
## en-US
The simplest usage.
```tsx
import { Anchor } from 'antd';
import React from 'react';
const { Link } = Anchor;
const App: React.FC = () => (
<Anchor>
<Link href="#components-anchor-demo-basic" title="Basic demo" />
<Link href="#components-anchor-demo-static" title="Static demo" />
<Link href="#API" title="API">
<Link href="#Anchor-Props" title="Anchor Props" />
<Link href="#Link-Props" title="Link Props" />
</Link>
</Anchor>
);
export default App;
```
<style>
.code-box-demo .ant-affix {
z-index: 11;
}
</style>