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