React Data GridTheme Recipes
On this page
Overview
This section provides practical, ready-to-use recipes for matching Handsontable to your app's design system. Each recipe includes complete working examples with step-by-step instructions.
Getting Started
Before diving into specific recipes, we recommend reading our Themes guide to understand the Theme API, built-in themes, and how to apply or customize themes programmatically.
Available Recipes
Our recipes cover common use cases and demonstrate best practices for:
- Design system integration – Match the grid to shadcn/ui, Tailwind, or other design systems
- Theme API – Register and configure themes with colors, density, and dark mode
Each recipe includes complete code examples, configuration options, and troubleshooting tips to help you integrate Handsontable with your app's look and feel.