Buttons: Other Buttons

Icon Buttons

Icon Buttons

Icons buttons appear within toolbar components in either the header toolbar or the footer toolbar.

Like push buttons, icon buttons also have a pressed state, but icon buttons have no label and no button border.

Radio Buttons

Radio Buttons

Radio buttons are used to select an item from a group.

Tapping on a radio button selects the item from the group of buttons--the selected item is shown in a selected state.

Only one button from the group can be selected.

Radio buttons can be shown within a Header--in this case, selecting an item should change the contents that are shown in the pane.

Back Button

Back Button

Back Button 2

A back button takes users back to the view from which they came. See the Hierarchical Navigation section.

A back button appears inside a toolbar in either the header or footer area. It should be aligned with the left side of the toolbar.

There are two styles of back button--one for a light-styled toolbar and one for a dark-styled toolbar.

The back button contains a back arrow to distinguish it from push buttons, but otherwise these buttons behave in the same way.