Helium Kitchen Sink Demo

All the controls of Helium at one place for your tinkering pleasure. The javascript code for each example is displayed immediately after it. Controls defined on this page are available in the "window" namespace. Check the code samples and then fire up the console to play around with the API of each control.

Helium is mostly useful because of its API. The controls themselves are nothing new or revolutionary but they are much simpler and more intuitive to use than what you get from the native HTML controls. If you ended up here from another place than the Helium Github Project, I suggest you go back and check out the documentation and tutorials.

Buttons

Helium buttons support a little bit more interactivity and porgrammability than standard HMTL buttons.

Inputs

Now, inputs in helium offer much more than plain old HTML inputs.

Lists

To be honest, the standard HTML <select> is pretty primitive. The Helium lists offer an advanced API and a variety of implementations, fully navigable with a keyboard.

Modal

A modal window API is also covered by Helium. A neat feature is that it captures the tab-order of the helium controls while it's open and it doesn't allow you to tab-focus into a control not in the modal.

Grid

The grid control is quite big and has a lot of features. We dedicated an entire demo page to it.

Check it out here.