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:

  • Loader
  • Progress bar
  • Progress text
  • 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 .