Component | Description |
Use a button to invoke an immediate action. | |
An icon placed inside an input control. | |
Use checkboxes for yes/no choices or for selecting several items in a group. | |
A combo box combines a drop-down list and an input field, allowing the user to select a value from the list or enter a custom value. |
|
Use context help to briefly explain how a functionality works if it is not clear from the UI and the application behavior: |
|
Description text provides explanatory information about a set of settings or a single item in a list or tree. |
|
A drop-down list is a type of button that appears in dialogs. It shows a list of choices on clicking it and allows selecting one option. |
|
A Got It tooltip informs users about a new or changed feature and gives basic information about it. |
|
A group header clearly labels a group of UI controls. |
|
A toolbar icon button is an icon that appears on a toolbar. |
|
An input field allows users to enter or edit a text line using the keyboard. |
|
Use a regular link for navigation between pages of the same window. |
|
Notifications inform users about the status of user or system initiated operations: |
|
Progress indicators inform users about an ongoing operation: |
|
Use a radio button group to choose one option from 2 to 4 mutually exclusive options. |
|
The scrollbar allows users to browse content that’s larger than the visible area, such as text or images, by scrolling it horizontally or vertically. |
|
A search field is an input field that helps users locate objects, actions or text in an application. |
|
A button with two parts — the main action on the left and a dropdown button with secondary actions on the right. | |
A split icon button appears on a horizontal toolbar and consists of two parts: the main icon and a triangle icon for the action list. |
|
Use tables so that users can review, enter or edit uniform sets of data or options. For example: |
|
Tabs organize content in dialogs by grouping similar UI controls. |
|
A text area allows users to enter or edit multi-line text. |
|
The toggle button is used to switch between On and Off states. |
|
A toolbar provides quick access to frequently used actions and filters. It appears in dialogs, pop-ups, tool windows, lists, trees, and tables. |
|
A toolbar drop-down list is a type of button that appears on a horizontal toolbar and shows a list of choices on clicking it. |
|
A tool window is a pane inside the main IDE window. For information about tool windows, see IntelliJ IDEA Web Help. For information about implementing tool windows, see . |