Components
Popout
Popout is a floating content block triggered via a click on an actionable element.
Do's and don'ts
do
Use a
Popout over a Select when advanced functionality is neededdon't
Use
Popout over a Select purely for stylistic purposesdon't
Use
Popout for non-critical actions that likely will not be performed by a user repeatedly while using a workflowdon't
Intentionally block native keyboard functionality within a
Popout