35 docs tagged with "interaction"

Accordions enable users to expand or collapse sections of content on a page.

Anchors enable you to show links of different types of in a page.

Anchored regions are containers that position content relative to the anchor element.

Use cases:

Use cases:

A combo-box is an input with an associated pop-up that enables users to select one value from a collection of possible values.

The segmented control generates criteria based on the selected item.

A dialog is a pop-up dialog (rectangular panel) that takes focus, and prohibits the user from interacting with the content behind.

The dropdown menu component enables you to create nested menus with menu items.

This is a utility element that listens to an event on its parent element and broadcasts the event detail payload on an FDC3 Channel.

This is a utility element that listens to an FDC3 app channel for the specified context.

This is a utility element that pipes notifications to Interop.io notifications

This is a utility element that listens to any raised intents in FDC3 that are handled by the application.

This is a utility element that pipes notifications to Openfin notifications

This is a utility element that listens to the FDC3 system channel (also known as a user or color channel) for the specified context.

Use cases:

Flippers are styled buttons that point left and right so that users can move horizontally backwards and forwards through sequential blocks of content. They also enable users to see exactly where they are in the sequence.

Listboxes are menus that display options, allowing the user to select one. Listboxes are displayed when clicking on a ``.

The menu component displays a list of choices for a user, enabling them to select actions.

A modal is a type of dialog that prevents the user from interacting with other content on the page. Usually, when an active modal is displayed, all other content on the screen is dimmed. The user is unable to move focus to other windows or dialogs. This forces the user to deal with the modal before moving to other work on the application.

Use cases:

Use cases:

Use cases:

A segmented control is a set of checkable buttons. No more than one button can be checked at a time. When a user checks an unchecked button, the previously checked button is automatically unchecked.

Use cases:

Use cases:

Use cases:

Use cases:

Tabs are layered sections of content that display one panel of content at a time. Each tab panel has an associated tab element; when this is activated, the panel is displayed. The list of tab elements is arranged along one edge of the currently displayed panel.

Use cases:

Use cases:

Use cases:

A tooltip enables you to display information about an element when the user places their cursor above it.

A tree view widget presents a hierarchical list. Any item in the hierarchy can have child items, and items that have children can be expanded or collapsed to show or hide the children.