Search⌘ K
AI Features
Home
Courses
Practical Redux

Connecting the ColorPicker Dialog

Explore how to connect a ColorPickerDialog in Redux to display and update color selection. Learn to add a ColorPickerButton component, modify state with Redux, and trigger the dialog on button click for effective modal management.

We'll cover the following...

Now that we have a dialog, we also need an input to show the current color:

Commit 9e9c02f: Add a simple ColorPickerButton

common/components/ColorPickerButton.jsx

import React from "react";

import {Button} from "semantic-ui-react";

const ColorPickerButton = ({value, onClick,
...