FormsFree

Cell Switch

A compact switch for inline use in a Data Grid cell.

Usage

bash

npm install @wunderui/react

Then import what you need:

tsx

import { CellSwitch } from "@wunderui/react"

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

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

An Active column turns each rule on or off without leaving the table.

Automation rules

3 of 4 active

Rule	Runs on	Active
Assign new tickets to the on-call agent	Ticket created
Close tickets after 7 days without reply	Daily at 02:00
Tag VIP customers	Ticket created
Notify #billing about refunds	Refund requested