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 needed
  • DON’T: Use Popout over a Select purely for stylistic purposes
  • DON’T: Use Popout for non-critical actions that likely will not be performed by a user repeatedly while using a workflow
  • DON’T: Intentionally block native keyboard functionality within a Popout