How to do it...

Let's build a new theme that sets color intentions using the built-in color objects of Material-UI. To help tweak your theme, this example uses Hue and Shade Storybook controls:

The three color intentions are represented as tabs across the top. The PRIMARY intention is currently selected and it has a Hue selector and a Shade number range. Each intention has the same controls. The Hue selector is populated with the same colors available to import from Material-UI:

Here's the source that uses these Storybook controls to build ...

Get React Material-UI Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.