mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-15 17:19:11 +08:00
29 lines
592 B
TypeScript
29 lines
592 B
TypeScript
|
import { SmileOutlined } from '@ant-design/icons';
|
||
|
import React from 'react';
|
||
|
import { Alert, ConfigProvider } from 'antd';
|
||
|
|
||
|
const icon = <SmileOutlined />;
|
||
|
|
||
|
const App: React.FC = () => (
|
||
|
<ConfigProvider
|
||
|
theme={{
|
||
|
components: {
|
||
|
Alert: {
|
||
|
withDescriptionIconSize: 32,
|
||
|
withDescriptionPadding: 16,
|
||
|
},
|
||
|
},
|
||
|
}}
|
||
|
>
|
||
|
<Alert
|
||
|
icon={icon}
|
||
|
message="Success Tips"
|
||
|
description="Detailed description and advices about successful copywriting."
|
||
|
type="success"
|
||
|
showIcon
|
||
|
/>
|
||
|
</ConfigProvider>
|
||
|
);
|
||
|
|
||
|
export default App;
|