Overview

App Design Guides

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

366w_BuildingBlocks_Overview_Header

Header

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

Use the header ›

366w_BuildingBlocks_Overview_BottomEdge (1)

Bottom edge

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

Inspirational patterns ›

366w_BuildingBlocks_Overview_ListItems (1)

List items

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

List items ›

366w_BuildingBlocks_Overview_FormElements

Selection controls

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

Use checkboxes ›