UI Components

Toggle content within a closely related set.

Cycle through related content within a single row.

Toggle between displaying and hiding content.

Narrow a set of data based on one or more criteria.

View links and content at the bottom of the screen.

Navigate across an application, at the top of the screen.

Use text to navigate to another screen or uncover information.

Focus on a subtask without leaving the screen.

View additional records within a data set.

Group and arrange a variety of content in different layouts.

Navigate a group of links related to a section of an application.

Quickly return to the top of the screen.

View related data in a series of columns and rows.

Explore multiple views of a related data set.

Use functions at the top of content to manipulate data.

Compare data against two measurements, displayed as bars.

Drill into and out of a detailed view within a chart or graph.

View the current state of a metric, displayed as a gauge.

View indications of important business metrics.

Define elements in a data visualization with a key.

View one or more categories of data points, shown as lines.

View parts of a greater whole, displayed as circular charts.

See a short list of suggested responses, based on user input.

Perform actions using buttons of various sizes.

Select one or more items from a list of options.

Specify a single date or a range of dates.

Select a primary, persistently-positioned action on a screen.

Select multiple items from a list of options.

Add or remove quantities incrementally.

Enter payment information in different forms.

Select a single item from a list of options.

Select a single item from a list of options in a dropdown.

Select a single value or multiple values from a defined range.

Enter or edit text in a form.

Time Selection components allow users to specify a time, timeframe or range of time (beginning and end).

Select between a small number of mutually exclusive options.

Identify users in an application with an image.

Call attention to important or unique elements.

Communicate important information.

Display content on top of other elements on the screen.

Visually inform users that something is happening.

Guide users through a number of steps across multiple screens.

Display messages that disappear automatically after some time.

Display a brief description when a user interacts with an element.

Display a summary of key information about a transaction.

View how Filters look on a page.

View how a form looks on a page.

View how a form looks on a page, inside Tabs.

View how a form looks on a page with a Panel Menu.

Provide credentials before accessing an application.

View how a Panel looks on a page with a Panel Menu.

View an optional screen that appears when an application opens.

View how Tabs look on a page.

View how Tabs look on a page with a Panel Menu.

View how a Table looks on a page.