Border Width

Choose roundness of your application.

Basic Usage

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

<ThemeProvider borderWidth="1px">
  <App />
</ThemeProvider>

Preview

Switching BorderWidth

You can switch borderWidth by following code.

const { borderWidth, onBorderWidthChange } = useThemeContext();
const handleBorderWidthChange = () => {
  onBorderWidthChange('none');
};