Patterns

Vertical list that allows users to expand and collapse additional content.

Provides contextual information about page hierarchy.

Clickable element that initiates an action.

Input component to select a date.

A flexible container component.

When selecting multiple dates or a start and end date use this component.

Container to display content in an overlay window.

Select an item from a list of options.

'Finds' a list of specific data objects based upon criteria.

Table with spreadsheet functionality.

InputNumber is an input component to provide numerical data.

InputText is an extension to an HTML input field with theming and key filtering.

Display alerts inline

Reorganize and turn columns on/off within a table

Display content in paged format

Used when multiple options are presented but only one may be selected.

Radio buttons

SelectButton is used to choose between two or more states or options.

An overlay displaying editable or static supplementary information.

Table displays data in tabular format.

Display status messages in an overlay

Used to switch on/off filters or settings.

A tooltip is a floating, non-actionable label used to explain a UI element.

The wrapper component for all WISE applications.