> For the complete documentation index, see [llms.txt](https://docs.shipped.club/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.shipped.club/components/darkmodeswitch.md).

# DarkModeSwitch

Toggle the light and dark mode.

Components: `<DarkModeSwitch />`

File: `src/components/DarkModeSwitch/DarkModeSwitch.tsx`

```
import { DarkModeSwitch } from "@/components/DarkModeSwitch/DarkModeSwitch";
```

### Example

{% embed url="<https://www.loom.com/share/440cede5d3a24176b00e294237493ee4?sid=12527e02-24d9-479a-82f0-10fc706b8de3>" %}