Ui.ColorPicker

A component that allows the user to pick a color from a color panel in a dropdown.

Interactive Demo

You can play around with a Ui.ColorPicker below using the controls.

#000000FF
Value
#000000FF
Position
BottomRight
Size (16px)
Offset (5px)
Disabled
Invalid
<Ui.ColorPicker
position={Ui.Position.BottomRight}
value={Color::HEX("000000FF")}
size={Ui.Size.Px(16)}
disabled={false}
invalid={false}
offset={5}/>
Value

The value can be controlled with the value property.

#FF0000FF
<Ui.ColorPicker value={Color.HEX("FF0000FF")}/>
Disabled

The component can be disabled using the disabled property.

#000000FF
<Ui.ColorPicker disabled={true}/>
Invalid

The component can be makred invalid using the invalid property.

#000000FF
<Ui.ColorPicker invalid={true}/>
Size

The size of the component can be set with the size property.

#000000FF
#000000FF
#000000FF
<>
<Ui.ColorPicker size={Ui.Size.Px(12)}/>
<Ui.ColorPicker size={Ui.Size.Px(16)}/>
<Ui.ColorPicker size={Ui.Size.Px(20)}/>
</>
Position

The position property controls the panels position. For more information check out the the same property of the Ui.Dropdown

Offset

The offset property controls the panels offset. For more information check out the the same property of the Ui.Dropdown

Mint UI

Mint UI is a design system and component library for building websites, web and desktop applications.

Copyright © 2018-2024 Szikszai Gusztáv. All rights reserved.