ant-design/components/badge/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

36 lines
802 B
TypeScript

import React from 'react';
import { Avatar, Badge } from 'antd';
import SemanticPreview from '../../../.dumi/theme/common/SemanticPreview';
import useLocale from '../../../.dumi/hooks/useLocale';
const locales = {
cn: {
root: '根元素',
indicator: '指示器元素',
},
en: {
root: 'Root element',
indicator: 'Indicator element',
},
};
const App: React.FC = () => {
const [locale] = useLocale(locales);
return (
<SemanticPreview
componentName="Badge"
semantics={[
{ name: 'root', desc: locale.root, version: '5.7.0' },
{ name: 'indicator', desc: locale.indicator, version: '5.7.0' },
]}
>
<Badge count={5}>
<Avatar shape="square" size="large" />
</Badge>
</SemanticPreview>
);
};
export default App;