Forms
Cell Slider
A compact progress/value slider for inline use in a Data Grid cell.
Usage
68
Installation
npm install @wunderui/reactThen import what you need:
import { CellSlider } from "@wunderui/react"Examples
Table cells
Color picker, slider, select and switch that edit a value right inside a table cell.
| Cell | Control |
|---|---|
| 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.
Epic progress
A progress column in a sprint table; completing a task moves the bar.
| Epic | Owner | Tasks done | Actions |
|---|---|---|---|
| Checkout redesign | Mira Lindqvist | 9 | |
| Mobile onboarding | Jonas Weber | 3 | |
| Billing settings | Lena Fischer | 6 |