#!/usr/bin/env python3
# -*- coding: utf-8 -*-

from wdom.tag import Tag
from wdom.document import get_document


class App(Tag):
    tag = 'wdom-app'


class H1(Tag):
    tag = 'h1'


class Input(Tag):
    tag = 'input'


class Button(Tag):
    tag = 'button'

class Div(Tag):
    tag = 'div'


class Item(Tag):
    tag = 'span'
    def __init__(self, *args, **kwargs) -> None:
        super().__init__(*args, **kwargs)


def sample_page() -> Tag:
    app = App()
    title = H1(parent=app)
    title.textContent = 'Todo example'
    textbox = Input(parent=app)
    textbox.setAttribute('type', 'text')
    add_button = Button(parent=app)
    add_button.textContent = 'ADD'
    todo_list = Div(parent=app)
    todo_heading = Div(parent=todo_list)
    todo_heading.appendChild('Todo list')
    # add_button.addEventListener('click')

    def new_item(event=None) -> Tag:
        item = Item()
        item.appendChild('New Item')
        todo_list.appendChild(item)
        return item

    # textbox.addEventListener('input', update)
    add_button.addEventListener('click', new_item)

    page = get_document(app=app)

    return page

@@ -56,242 +56,135 @@
 om.t
-ag import Tag%0Afrom wdom.document import get_document%0A%0A%0Aclass App(Tag):%0A    tag = 'wdom-app'%0A%0A%0Aclass H1(Tag):%0A    tag = 'h1'%0A%0A%0Aclass Input(Tag):%0A    tag = 'input'%0A%0A%0Aclass Button(Tag):%0A    tag = 'button'%0A%0Aclass Div(Tag):%0A    tag = 'div'
+hemes.bootstrap3 import Tag, H1, Input, Button, Div%0Afrom wdom.document import get_document, Document%0A%0A%0Aclass App(Div):%0A    pass
 %0A%0A%0Ac
@@ -326,27 +326,32 @@
 e_page() -%3E 
-Tag
+Document
 :%0A    app = 
@@ -662,21 +662,16 @@
 g.append
-Child
 ('Todo l
@@ -798,21 +798,16 @@
 m.append
-Child
 ('New It
@@ -839,13 +839,8 @@
 pend
-Child
 (ite

Update todo example