A toggle button for switching between light and dark mode.
Uses the ThemeService from @theredhead/lucid-theme to manage theme state. Renders inline SVG icons — no external icon font required.
@theredhead/lucid-theme
<!-- Icon button (default) --><ui-theme-toggle /><!-- Raised button variant --><ui-theme-toggle variant="button" /> Copy
<!-- Icon button (default) --><ui-theme-toggle /><!-- Raised button variant --><ui-theme-toggle variant="button" />
Readonly
Accessible label for the button.
Whether the toggle is disabled.
Protected
Visual style of the toggle.
Toggle the current theme.
A toggle button for switching between light and dark mode.
Uses the ThemeService from
@theredhead/lucid-themeto manage theme state. Renders inline SVG icons — no external icon font required.Example