PanThemeToggle
src/components/pan-theme-toggle.mjs
pan-theme-toggle
A theme toggle button component that communicates with pan-theme-provider via PAN.
Displays current theme and allows switching between light, dark, and auto modes.
Usage:
Attributes:
- label: Optional label text (default: none, just icons)
- variant: 'button' | 'icon' | 'dropdown' (default: 'icon')
Listens to PAN topics:
- theme.changed: Updates UI to reflect current theme
- theme.system-changed: Updates auto mode indicator
A theme toggle button component that communicates with pan-theme-provider via PAN.
Displays current theme and allows switching between light, dark, and auto modes.
Usage:
Attributes:
- label: Optional label text (default: none, just icons)
- variant: 'button' | 'icon' | 'dropdown' (default: 'icon')
Listens to PAN topics:
- theme.changed: Updates UI to reflect current theme
- theme.system-changed: Updates auto mode indicator
Class: PanThemeToggle
pan-theme-toggle
A theme toggle button component that communicates with pan-theme-provider via PAN.
Displays current theme and allows switching between light, dark, and auto modes.
Usage:
Attributes:
- label: Optional label text (default: none, just icons)
- variant: 'button' | 'icon' | 'dropdown' (default: 'icon')
Listens to PAN topics:
- theme.changed: Updates UI to reflect current theme
- theme.system-changed: Updates auto mode indicator
A theme toggle button component that communicates with pan-theme-provider via PAN.
Displays current theme and allows switching between light, dark, and auto modes.
Usage:
Attributes:
- label: Optional label text (default: none, just icons)
- variant: 'button' | 'icon' | 'dropdown' (default: 'icon')
Listens to PAN topics:
- theme.changed: Updates UI to reflect current theme
- theme.system-changed: Updates auto mode indicator