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 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