Skip to main content
Yggdrasil

ThemeToggle

yggdrasil::theme

Function ThemeToggle 

Source 
pub fn ThemeToggle(props: ThemeToggleProps) -> impl IntoView
Expand description

主题切换：浅色 / 深色 / 跟随系统三段式分段控件，基于 SegmentedControl（Radio）。

首屏选中态由 <html data-theme-mode> 经 THEME_SEGMENT_STYLE 决定，首屏无需 等待 WASM。点选后只有实际明暗（ResolvedTheme）翻转时才以点击点为圆心 做圆形扩散；明暗不变（如切到跟随系统且结果相同）、或由键盘切换时取视口中心。

Props：

  • icon_only：只显示图标（页头固定窄位）；缺省由容器宽度决定是否显示文字

§Optional Props