Elements

This page is still under construction, for more complete information, refer to the examples.

---

The valid top level elements are as follows:

• table
• header
• aside
• details

header, aside, details

All three of these elements behave exactly the same, they are named differently purely for the purpose of easier to manager and clearer style rulesets.

The behavior of these elements is to display the text content inside of them.

table

The table table element will populate with the list of items that are in stock.

A table should contain a tbody, and optionally a thead (there can be more than one thead)

The tbody should contain a tr with id row-template

Within the row-template, any number of td elements should be present, each td can have an id, so that it will be filled with the correct information.

Valid ID's are:

• stock
• name
• price
• price-per-stack
• addy
• addy-full

Optionally, the td itself does not need an id, the td can contain plain text, and a span element whose id is from the aforementioned list.

Furthermore, the td element has two optional special properties:

• prepend: Text to prepend to the information (eg: <td id="price" append=" KST"></td>)
• append: Text to be appended to the information (eg: <td id="addy-full" prepend="<" append=">"></td>)