Building blocks overview

Start creating your app with components from the UI toolkit for the best user experience.


Use the header for placing actions and navigational options inside your app.

Use the header ›

Bottom edge

366w_BuildingBlocks_Overview_BottomEdge (1)

Learn how you can create something special from the bottom of the screen.

Inspirational patterns ›

List items

366w_BuildingBlocks_Overview_ListItems (1)

Find recommendations for list item layouts and what type of actions a list item can contain.

List items ›

Selection controls


See the different components that can be used for selecting and controlling inside a form.

Use checkboxes ›