I had some fun in experimenting with the Guarana UI Library, and wrote a couple of articles that will hopefully help to create custom components for Guarana UI.

A first article describes the general steps involved in creating a new Guarana UI Component: How to create a new Component for the Guarana UI Library. This article explains how to create the Component's file structure, how to integrate it with the Guarana UI building process, and how to write a very basic Component, that displays a simple text message.

Then, a second article shows the building process of a (more) useful Component, the Slider: Creating a Slider Component for Guarana UI.

This second article shows how to bind event handlers to the Component, how to handle both touch and key-based events, and how images can be integrated and used into Components.

Both the components built in these articles are visible on the Guarana UI online Components Browser:

• Guarana UI Test Component 
• Guarana UI Slider Component