React 组件

UGThemeController 主题控制器

低层单项控件：用原生 radio 或 checkbox 修改一个 UG Theme data attribute；完整配置使用 UGThemeConfigurator。

导入方式

按需从包入口导入组件，并在应用入口引入一次样式文件。

tsx
import { UGThemeController } from '@ug666/ui-react'

局部模式切换

本例把主题限制在预览区域，不影响整个文档站。

预览模式
当前模式：light

属性

属性类型默认值说明
attributeUG Theme data attributedata-ug-mode要写入的主题维度。
value / uncheckedValuestring—选中与复选框未选中时写入的值。
targetHTMLElement | () => HTMLElementdocumentElement应用主题的根节点，也可限制到局部范围。
appearanceradio | switch按 type 推导保留原生输入语义的可视外观。