Skip to content
FormsFree

Cell Color Picker

A compact color swatch picker for inline use in a Data Grid cell.

Usage

Installation

bash
npm install @wunderui/react

Then import what you need:

tsx
import { CellColorPicker } from "@wunderui/react"

Examples

Table cells

Color picker, slider, select and switch that edit a value right inside a table cell.

CellControl
Cell Color Picker
Cell Slider
68
Cell Select
Cell Switch

In context

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

New column form

A text field, a color picker and a limit stepper to create a board column.

New column

5