1.2.3
In this article, we are going to cover how we could modify the styling and functionality of theme switches.
As shown in the image image below, we have 6 options to style:
Value: true or false
Before the user interacts with the component we need to show a dark or light theme. The default theme is the theme from the app settings. If we set this to true, the theme setter will check the user preference in the browser and system to see if does user prefers a dark or light theme and set the theme according to this.
Value: current or next
As there isn’t a defacto standard related to toggles should they represent the current or next state? With this option, you could reverse the UX of a component and force the component to show a reversed state.