A 'Light Mode Toggle' component, as the one used in this page, displayed in the left sidebar on desktop or at the top on mobile.

This is just a visual component. The actual light mode logic may vary from application to application. You can see a full example of how to implement light mode control in lib/components/ColorModeControl.tsx.

1import LightModeToggle from '@tempoplatform/tpds/components/light-mode-toggle'
2
3const [isDark, setIsDark] = useState(false)
4
5<LightModeToggle onClick={() => setIsDark(!isDark)} isDark={isDark} />