Popover
Popover is used to display content on top of others. It needs to be triggered by an action.
1. Alike components
Checkboxes are often confused with radio buttons and switches in some use cases. The guidance below helps to differentiate the difference.
| Popover | Menu | Select with custom trigger | Tooltips | |
|---|---|---|---|---|
| Usage | Providing contextual information, items, or actions. | Providing a list of items for users to click on. | Providing a list of options for users to select from. | Explaining a feature or terminology. |
| Content support | Any ComponentsLayout | Menu items only | List options only | Text and links only |
| It is triggered by an input field. | No | No | Yes | No |
In the above example, the popover is using the manual method of closeOnClickAway=false and the Cancel, Create and the close button call close() on the popover to collapse it.