Skip to content
Add todo lists to your website in seconds!
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
.gitignore
README.md
index.html
package-lock.json
package.json
postcss.config.js
webpack.config.js

README.md

TodoWidget

upload.express logo

The web does not have enough Todo app implementations. Here's the one I built using web components.

Install & Use

  1. Add the following line at the end of your HTML document and
<script type="text/javascript" src="https://unpkg.com/todo-widget@1.0.2/dist/todo-widget.min.js"></script>
  1. Initiate the list
<todo-list>
  <list-item done>Clean the bedroom</list-item>
  <list-item>Watch a movie</list-item>
</todo-list>
  1. ...

  2. Profit!

Tutorial

If you want to learn more about web components, I wrote two tutorials that will teach you more about them:

Part 1 Part 2

You can’t perform that action at this time.