import React from 'react'; import { Avatar, Badge, Space } from 'antd'; const App: React.FC = () => ( <Space size="large"> <Badge count={5} title="Custom hover text"> <Avatar shape="square" size="large" /> </Badge> <Badge count={-5} title="Negative"> <Avatar shape="square" size="large" /> </Badge> </Space> ); export default App;