2023-05-18 22:21:53 +08:00
|
|
|
import React from 'react';
|
2023-07-28 16:17:43 +08:00
|
|
|
import { ConfigProvider, Segmented } from 'antd';
|
2023-05-18 22:21:53 +08:00
|
|
|
|
2023-11-28 11:03:22 +08:00
|
|
|
const Demo: React.FC = () => (
|
2023-05-18 22:21:53 +08:00
|
|
|
<ConfigProvider
|
|
|
|
theme={{
|
|
|
|
components: {
|
|
|
|
Segmented: {
|
|
|
|
itemColor: '#222',
|
|
|
|
itemHoverColor: '#333',
|
|
|
|
itemHoverBg: 'rgba(0, 0, 0, 0.06)',
|
|
|
|
itemSelectedBg: '#aaa',
|
|
|
|
itemActiveBg: '#ccc',
|
2023-09-04 11:07:39 +08:00
|
|
|
itemSelectedColor: '#fff',
|
2023-05-18 22:21:53 +08:00
|
|
|
},
|
|
|
|
},
|
|
|
|
}}
|
|
|
|
>
|
|
|
|
<Segmented options={['Daily', 'Weekly', 'Monthly', 'Quarterly', 'Yearly']} />
|
|
|
|
</ConfigProvider>
|
|
|
|
);
|
2023-11-28 11:03:22 +08:00
|
|
|
|
|
|
|
export default Demo;
|