Shadow

Theme global shadow level to change shadow variant's transparency.

Basic Usage

By default, the root ThemeProvider shadow is 0. To set a different shadow pass it via the shadow prop. This will force the theme to use the specified setting.

<ThemeProvider shadow="0">
  <App />
</ThemeProvider>

Preview

Switching Scaling

You can switch shadow by following code.

const { shadow, onShadowChange } = useThemeContext();
const handleScaleChange = () => {
  onShadowChange('4');
};