cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: theme toggle web component

Browse source
This commit is contained in:
Cory Dransfeldt 2024-02-28 08:51:13 -08:00
parent 5e8154dccd
commit 434346dc36
No known key found for this signature in database
6 changed files with 76 additions and 122 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/posts/2024/building-a-theme-toggle-web-component.md
View file

@ -140,4 +140,6 @@ The final template that leverages the component looks like this:
I load the web component script, embed my styles, define the template such that preferred icons are included using [Eleventy](https://www.11ty.dev/) shortcodes and the result is wrapped in an `li` to match the rest of my menu items, with `.client-side` added to hide the component should JavaScript be disabled.
[The complete JavaScript can be viewed in the source for my site.](https://github.com/cdransf/coryd.dev/blob/main/src/assets/scripts/components/theme-toggle.js)
[The complete JavaScript can be viewed in the source for my site.](https://github.com/cdransf/coryd.dev/blob/main/src/assets/scripts/components/theme-toggle.js)
You can also install the component via npm using `npm i @cdransf/theme-toggle`.