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

411 B

order title
5
zh-CN en-US
可点击 Clickable

zh-CN

用 a 标签进行包裹即可。

en-US

The badge can be wrapped with a tag to make it linkable.

import { Avatar, Badge } from 'antd';
import React from 'react';

const App: React.FC = () => (
  <a href="#">
    <Badge count={5}>
      <Avatar shape="square" size="large" />
    </Badge>
  </a>
);

export default App;