mirror of
https://github.com/IT4Change/ohmyform-ui.git
synced 2025-12-13 09:45:50 +00:00
39 lines
733 B
TypeScript
39 lines
733 B
TypeScript
import React, {useEffect} from 'react'
|
|
import {BlockPicker} from 'react-color'
|
|
|
|
interface Props {
|
|
value?: string
|
|
onChange?: any
|
|
}
|
|
|
|
export const InputColor: React.FC<Props> = props => {
|
|
useEffect(() => {
|
|
if (!props.value) {
|
|
props.onChange('#FFF')
|
|
}
|
|
}, [props.value])
|
|
|
|
return (
|
|
<BlockPicker
|
|
triangle={'hide'}
|
|
width={'100%'}
|
|
color={props.value}
|
|
onChange={e => props.onChange(e.hex)}
|
|
styles={{
|
|
default: {
|
|
card: {
|
|
flexDirection: 'row',
|
|
display: 'flex',
|
|
boxShadow: 'none'
|
|
},
|
|
head: {
|
|
flex: 1,
|
|
borderRadius: 6,
|
|
height: 'auto',
|
|
},
|
|
},
|
|
}}
|
|
/>
|
|
)
|
|
}
|