quanzhiyuan / TodoWidget

Add todo lists to your website in seconds!

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

Add todo lists to your website in seconds!


Languages

Language:JavaScript 94.1%Language:HTML 4.7%Language:CSS 1.3%