ant-design/components/alert/demo/style.md

order	title
1	zh-CN en-US 四种样式 More types

zh-CN

共有四种样式 success、info、warning、error。

en-US

There are 4 types of Alert: success, info, warning, error.

import { Alert } from 'antd';
import React from 'react';

const App: React.FC = () => (
  <>
    <Alert message="Success Text" type="success" />
    <Alert message="Info Text" type="info" />
    <Alert message="Warning Text" type="warning" />
    <Alert message="Error Text" type="error" />
  </>
);

export default App;