756ed29 · bridge · git.iko.soy

on master help sign in

use indigo-react components inside ColorInput

756ed29Liam Fitzgerald7 years ago

src/form/ColorInput.js+5−4

@@ -19,9 +19,10 @@ const ColorInput = ({ name, colors, disabled = false, label, className }) => {

19 htmlFor={name}>

20 {label}

21 </Flex.Item>

22− <div className="flex flex-wrap">

22+ <Flex.Item as={Flex} wrap>

23 {colors.map(c => (

24+ <Flex.Item

24− <button

25+ as="button"

25 type="button"

26 type="button"

26 key={c}

27 key={c}

27 className={cn('m0 p0 h7 w7 p2 flex flex-center', {

28 className={cn('m0 p0 h7 w7 p2 flex flex-center', {

@@ -39,9 +40,9 @@ const ColorInput = ({ name, colors, disabled = false, label, className }) => {

39 ) : (

40 ) : (

40 <div />

41 <div />

41 )}

42 )}

42− </button>

43+ </Flex.Item>

43 ))}

44 ))}

44− </div>

45+ </Flex.Item>

45 </Flex>

46 </Flex>

46 );

47 );

47};

48};