Input

Clickable components support the EventClick event that handlers can be registered to with @Click="c.handleButton(event)"

Data binding...

Button

Simple example with click handler:

Symbols can be attached to buttons:

Some text

Use the d3c-button-vertical CSS class to align the button content vertically:

Something

Buttons can be bound to boolean variables, in this case they will function as a toggle:

Toggle me!

Input fields can be bound to data. They will automatically change their type based on the bound data type.

To make labels work correctly, you have to use the ID="some-id" tag (uppercase ID), which will set the ID of the embedded input element!

Some input field bound to string value
Some input field bound to integer value
Some input field bound to float value

For passwords you have to use the input.FieldBindPassword binder:

Some input field bound to password string

You can add additional buttons to the input field:

Some input field with some extra button

Select a slice entry