ant-design/components/alert/demo/loop-banner.md

order	title
6.1	[{zh-CN 轮播的公告} {en-US Loop Banner}]

zh-CN

配合 react-text-loop-next 或 react-fast-marquee 实现消息轮播通知栏。

en-US

Show a loop banner by using with react-text-loop-next or react-fast-marquee.

import { Alert } from 'antd';
import React from 'react';
import Marquee from 'react-fast-marquee';

const App: React.FC = () => (
  <Alert
    banner
    message={
      <Marquee pauseOnHover gradient={false}>
        I can be a React component, multiple React components, or just some text.
      </Marquee>
    }
  />
);

export default App;