Buttons

Buttons

The Onyx library provides an assortment of buttons for use in your Enyo applications. In this document, we look at the basic button kinds that are available.

onyx.Button

onyx.Button derives directly from enyo.Button and provides the same basic button functionality.

{kind: "onyx.Button", content: "tap me"}

When an onyx.Button is tapped, it generates an ontap event; you can respond by specifying a handler method, e.g.:

{kind: "onyx.Button", content: "tap me", ontap: "buttonTapped"},

...

buttonTapped: function(inSender, inEvent) {
    // respond to the tap event
}

You may customize the look of a button by specifying foreground and background colors, or by applying one of Onyx's built-in button styles:

{kind: "onyx.Toolbar", components: [
    {kind: "onyx.Button", content: "tap me"},
    {kind: "onyx.Button", content: "purple", style: "background-color: purple; color: #F1F1F1;"},
    {kind: "onyx.Button", content: "yes", classes: "onyx-affirmative"},
    {kind: "onyx.Button", content: "no", classes: "onyx-negative"},
    {kind: "onyx.Button", content: "onyx-blue", classes: "onyx-blue"}
]}