Components
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 Tool Windows. |