ant-design/components/alert/demo/component-token.tsx

29 lines
591 B
TypeScript
Raw Normal View History

import React from 'react';
import { SmileOutlined } from '@ant-design/icons';
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"
2024-08-15 22:51:41 +08:00
description="Detailed description and advice about successful copywriting."
type="success"
showIcon
/>
</ConfigProvider>
);
export default App;