ant-design/components/segmented/demo/componentToken.tsx
shawn 85dc67f1cc
feature: add itemSelectedFontColor token in Segemented Component (#44570)
* feature: segemented新增component token

* feature: segemented新增component token

* Apply suggestions from code review

Signed-off-by: MadCcc <1075746765@qq.com>

---------

Signed-off-by: MadCcc <1075746765@qq.com>
Co-authored-by: xiaozisong <xiaozis@gantsoftware.com>
Co-authored-by: MadCcc <1075746765@qq.com>
2023-09-04 11:07:39 +08:00

22 lines
521 B
TypeScript

import React from 'react';
import { ConfigProvider, Segmented } from 'antd';
export default () => (
<ConfigProvider
theme={{
components: {
Segmented: {
itemColor: '#222',
itemHoverColor: '#333',
itemHoverBg: 'rgba(0, 0, 0, 0.06)',
itemSelectedBg: '#aaa',
itemActiveBg: '#ccc',
itemSelectedColor: '#fff',
},
},
}}
>
<Segmented options={['Daily', 'Weekly', 'Monthly', 'Quarterly', 'Yearly']} />
</ConfigProvider>
);