Theme Switcher

Default

<ThemeSwitcher />

Multiple instances

ThemeSwitcher instances are synchronised with a custom event. When one instance changes the theme, the other instances update to match. This keeps the desktop header and mobile menu switchers consistent when the viewport changes.

<Inline space="large">
<ThemeSwitcher />
<ThemeSwitcher />
</Inline>