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!

Radio buttons

Option A
Option B
Option C

Checkboxes

Click this to toggle the checkbox

Click this to toggle the pre-checked checkbox

Input fields

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
Some input field bound to bool value

For passwords you have to set the Type="password" field of the component:

Some input field bound to password string

You can add additional buttons to the input field:

Some input field with some extra button

time.Time is also supported:

Some input field bound to a time.Time value

Drop-down