Radius

Choose roundness of your application.

Basic Usage

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

<ThemeProvider radius="none">
  <App />
</ThemeProvider>

Preview

Switching Radius

You can switch radius by following code.

const { radius, onRadiusChange } = useThemeContext();
const handleRadiusChange = () => {
  onRadiusChange('none');
};