SuperAPI AI 工具集

theme-elements

通用与其它

查看项目

更新于 10-15 20:28

技能介绍

用途:从 Elements 注册表安装主题切换组件,用于实现深色模式开关、明暗主题切换按钮或主题下拉菜单。

主要能力:提供 6 种主题切换变体——Button(简单图标按钮)、Classic(带标签的经典切换)、Dropdown(带选项的下拉菜单)、Multi-Button(Light/Dark/System 按钮组)、Switch(开关)、Toggle(动画切换)。所有变体默认对水合(hydration)安全。

使用方式:通过 shadcn 命令安装,模式为 npx shadcn@latest add @elements/theme-switcher-{variant}。例如导航栏图标用 @elements/theme-switcher-button,完整控制用 @elements/theme-switcher-dropdown,设置页用 @elements/theme-switcher-multi-button。依赖 next-themes,会自动安装。

设置要求:需在根布局中用 next-themes 的 ThemeProvider 包裹应用,示例配置为 attribute="class"、defaultTheme="system"、enableSystem。

适用场景:导航栏主题图标、设置页主题选择、需要明暗模式切换的界面。

限制:资料未提供收费、价格、平台兼容范围等更多信息。