← Web Components

Theme Toggle

Examples

Default

Input

Output

With themes option

Input

Output

With name option

Input

Output

With Light DOM

Options

themes

If you want to toggle between more than auto, light and dark themes, you can use themes property. The value should be a space separate list of theme names.

name

By default, the name of the input elements is theme (or theme-{n} if you have more than on theme-toggle on a page). You can change this by using the name attribute.

Usage