ant-design/components/button/demo/_semantic.tsx
afc163 4546987d0c
chore: refactor .dumi code folders (#53437)
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
2025-05-23 22:33:40 +08:00

32 lines
702 B
TypeScript

import React from 'react';
import { AntDesignOutlined } from '@ant-design/icons';
import { Button } from 'antd';
import SemanticPreview from '../../../.dumi/theme/common/SemanticPreview';
import useLocale from '../../../.dumi/hooks/useLocale';
const locales = {
cn: {
icon: '图标元素',
},
en: {
icon: 'Icon element',
},
};
const App: React.FC = () => {
const [locale] = useLocale(locales);
return (
<SemanticPreview
componentName="Button"
semantics={[{ name: 'icon', desc: locale.icon, version: '5.5.0' }]}
>
<Button type="primary" icon={<AntDesignOutlined />}>
Ant Design
</Button>
</SemanticPreview>
);
};
export default App;