A user input component that allows users to select a color using a color picker interface.

Fields

NameTypeDescriptionOptions
LabelText
    Color ListObjectList of predefined colors
      Custom CSS classesTextCSS classes, separated by spaces. You can define classes in custom stylesheets.

        Events

        Low code usage

        This component can be declared directly in Python, using backend-driven UI.

        ui.ColorInput(content={
                "label": "", # str 
                "colorList": {}, # Union[Dict, str] 
                "cssClasses": "", # str 
            },
            handlers={
                "wf-change": handle_event,
                "wf-change-finish": handle_event,
            }
        )
        

        A function, in this example handle_event, should be implemented in your code to handle events.

        def handle_event(state, payload, context, ui):
          pass
        

        Reference