Color Picker Flow

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

View larger

Close

View larger

Close

View larger

Close

ColorPicker component for Vaadin Flow

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

Converted vs. Raw Value

There are two implementations of the color picker:

• ColorPicker- Provides the value automatically converted to a java.awt.Color
• ColorPickerRaw - 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-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

ColorPicker colorPicker = new ColorPicker(new Color(255, 0, 255, 150), Color.RED);
colorPicker.setPinnedInputs(true);
colorPicker.setPinnedPalettes(true);
colorPicker.setHexEnabled(false);
colorPicker.setPalette(Color.RED, Color.GREEN, Color.BLUE);

Links

• Issue tracker
• Online Demo
• View on GitHub

Compatibility