mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-15 17:31:25 +08:00
b95d5674fa
* feat: color picker * chore: improve component logic * test: update snapshots * test: update snapshots * fix: remove unuse code * fix: adjusting the UI * fix: hairy edge in dark mode * fix: demo case * chore: rollback file * fix: improve code logic * perf: improve code * test: add test case * refactor: trigger use Popover instead * test: add test case * refactor: improve code logic * test: update snapshots * refactor: improve code * docs: add overview img * feat: style * chore: update snapshot * chore: code clean * chore: code clean * chore: fix lint * chore: update snapshot * feat: color block * chore: pure render * refactor: hex input number reduced to 6 digits * fix: rename React to react * refactor: trigger demo * docs: remove disabled demo --------- Co-authored-by: MadCcc <1075746765@qq.com>
49 lines
938 B
TypeScript
49 lines
938 B
TypeScript
import { ColorPicker } from 'antd';
|
|
import React from 'react';
|
|
|
|
export default () => (
|
|
<ColorPicker
|
|
presets={[
|
|
{
|
|
label: 'Recommended',
|
|
colors: [
|
|
'#000000',
|
|
'#000000E0',
|
|
'#000000A6',
|
|
'#00000073',
|
|
'#00000040',
|
|
'#00000026',
|
|
'#0000001A',
|
|
'#00000012',
|
|
'#0000000A',
|
|
'#00000005',
|
|
'#F5222D',
|
|
'#FA8C16',
|
|
'#FADB14',
|
|
'#8BBB11',
|
|
'#52C41A',
|
|
'#13A8A8',
|
|
'#1677FF',
|
|
'#2F54EB',
|
|
'#722ED1',
|
|
'#EB2F96',
|
|
'#F5222D4D',
|
|
'#FA8C164D',
|
|
'#FADB144D',
|
|
'#8BBB114D',
|
|
'#52C41A4D',
|
|
'#13A8A84D',
|
|
'#1677FF4D',
|
|
'#2F54EB4D',
|
|
'#722ED14D',
|
|
'#EB2F964D',
|
|
],
|
|
},
|
|
{
|
|
label: 'Recent',
|
|
colors: [],
|
|
},
|
|
]}
|
|
/>
|
|
);
|