主题控制器

如果页面中存在带有 theme-controller 类的选中复选框输入或选中的单选框输入，则页面将具有与该输入值相同的主题。

Supported on

105+

121+

15.4+

类名	类型
theme-controller	组件类	For a checkbox or radio input that must change the page theme

主题控制器仅使用 CSS 更改主题。然后，您可以使用 JS 将输入状态保存在服务器或 localStorage 中，如果要在页面刷新时保持状态。
这里是一个 React 示例，用于将复选框状态保存在本地存储中： Stackblitz

# Theme Controller using a toggle

# Theme Controller using a checkbox

# Theme Controller using a swap

# Theme Controller using a toggle with text

Default Synthwave

# Theme Controller using a toggle with icons

# Theme Controller using a toggle with icons inside

# Theme Controller using a toggle with custom colors

# Theme Controller using a radio input

# Theme Controller using a radio button

你有什么问题么？向社区提问题

你发现了 bug 么？在 GitHub 提 issue

支持daisyUI的开发: Open Collective

New template: SaaS Landing page