Theme selector

CSPR.click toolbar has two themes: light and dark. You can use one or the other. And if your application also has light and dark modes, you can add to the toolbar a theme selector to let the user easily change between both.
const handleThemeSwitch = () =>
setThemeMode(themeMode === ThemeModeType.light ?
ThemeModeType.dark :
ThemeModeType.light);
...
<ClickTopBar
themeMode={themeMode}
onThemeSwitch={handleThemeSwitch}
/>
Last updated