Back to Theme Switch Documentation

Theme Switch Component Demos

Explore different ways to implement and use the PM7 theme switch component

Basic Usage

Simple theme switch implementations with and without labels

Size Variants

Small, medium, and large theme switch sizes

Fixed Position

Floating theme switches that stay in viewport corners

Header Integration

Examples of theme switches in various header layouts

States & Interactions

Disabled state, no-hover variant, and keyboard navigation