Color Picker Field Flow

Server-side implementation of the <color-picker-field> webcomponent

View larger

Close

ColorPickerField component for Vaadin Flow

This project is the Component wrapper implementation of <color-picker-field> element for use from the server side with Vaadin Flow.

Converted vs. Raw Value

There are two implementations of the color picker:

• ColorPickerField- Provides the value automatically converted to a java.awt.Color
• ColorPickerFieldRaw - Provides the value as raw CSS Color String

Running the component demo

Starting the test/demo server:

mvn jetty:run

This deploys demo at http://localhost:8080

Installing the component

Run from the command line:

• mvn clean install -DskipTests

Using the component in a Flow application

To use the component in an application using maven, add the following dependency to your pom.xml:

<dependency>
    <groupId>com.github.juchar</groupId>
    <artifactId>color-picker-field-flow</artifactId>
    <version>${component.version}</version>
</dependency>

Flow documentation

Documentation for flow can be found in Flow documentation.

Contributing

• Use the coding conventions from Flow coding conventions
• Submit a pull request with detailed title and description
• Wait for response from the author

License

Apache License 2.0

Sample code

ColorPickerField colorPickerField = new ColorPickerField("As Color", Color.BLUE, "#fff");
colorPickerField.setPinnedPalettes(true);
colorPickerField.setHexEnabled(false);
colorPickerField.setPalette(Color.RED, Color.GREEN, Color.BLUE);
colorPickerField.addValueChangeListener(event -> System.out.println(event.getValue()));
colorPickerField.setChangeFormatButtonVisible(true);
colorPickerField.setWidth("400px");

Links

• Online Demo
• View on GitHub

Compatibility