Theme selector

Theme selector widget

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);
...            
<ClickUI
    themeMode={themeMode}
    topBarSettings={{
        onThemeSwitch:handleThemeSwitch
    }}
/>