developer guide
Theme Builder for the JavaScript Data Grid
Start from a preset, change the colours, radius, density, type, header and chart palette, and watch a real grid, chart and form follow every edit. Then take the result as CSS, JSON or a preset file.
Grid
Grouped by region, one row selected, one cell open in its editor.
Kanban board
Three columns, eight cards, and one column over its work-in-progress limit.
Gantt
Six tasks with a dependency link, a critical task, a milestone, the today line and a weekend.
Calendar
A month view with five events.
Chart
Monthly revenue by region, split by plan.
Form
The same tokens reach every field.
Export
Custom properties for the page: shared shape tokens, a light block and a dark block. Load it after the grid stylesheet.
The same theme as data, for a settings screen, a design-token pipeline or a bug report.
A stylesheet in the shape the shipped presets use: a light block, a dark block and the shared shape tokens in the grid's own layer. Save it as a file and load it after the grid stylesheet.