mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-30 20:38:45 +08:00
39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
import React from 'react';
|
|
import { Slider } from 'antd';
|
|
|
|
import SemanticPreview from '../../../.dumi/components/SemanticPreview';
|
|
import useLocale from '../../../.dumi/hooks/useLocale';
|
|
|
|
const locales = {
|
|
cn: {
|
|
track: '范围选择下,点和点之间单个选取条',
|
|
tracks: '范围选择下,整个范围选取条',
|
|
rail: '背景条元素',
|
|
handle: '抓取点元素',
|
|
},
|
|
en: {
|
|
track: 'The selection bar between points and points under the range selection',
|
|
tracks: 'The entire range selection bar under the range selection',
|
|
rail: 'Background rail element',
|
|
handle: 'Grab handle element',
|
|
},
|
|
};
|
|
|
|
const App: React.FC = () => {
|
|
const [locale] = useLocale(locales);
|
|
return (
|
|
<SemanticPreview
|
|
semantics={[
|
|
{ name: 'track', desc: locale.track, version: '5.10.0' },
|
|
{ name: 'tracks', desc: locale.tracks, version: '5.10.0' },
|
|
{ name: 'rail', desc: locale.rail, version: '5.10.0' },
|
|
{ name: 'handle', desc: locale.handle, version: '5.10.0' },
|
|
]}
|
|
>
|
|
<Slider range defaultValue={[20, 30, 50]} style={{ width: '100%' }} />
|
|
</SemanticPreview>
|
|
);
|
|
};
|
|
|
|
export default App;
|