Flow

Flow is a layout component which allows for drilling in and out of panels in the interface.

Overview

Flow provides a fluid experience among a series of stacked panels. Drill-in interface elements and animations are automatically applied as you add and remove child components.

Populate Flow with Flow Item.

Usage

  • Drill-in to a nested workflow
  • Stepped workflow inside a panel interface

Sample

Accessibility

Keyboard navigation

KeyFunction
TabMoves focus to next focusable element. If the current focus is the last element, focus will leave the component.
Tab and ShiftMoves focus to previous focusable element. If the current focus is the first element, focus will leave the component.

API reference

Slots

Methods

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.