Flow

Calcite Flow is a layout component that allows for drilling in/out of panels in the interface.

Overview

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

Populate Calcite Flow with Calcite Panel.

Usage

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

Sample

Show code snippetCopy code snippet
Edit sample on Codepen
v1.0.0-beta.83
Toggle preview themeToggle preview direction

API reference

calcite-flow
v1.0.0-beta.83

Methods

NameDescriptionSignatureReturns
back

Removes the currently active `calcite-panel`.

back() => Promise<HTMLCalcitePanelElement>Promise<HTMLCalcitePanelElement>

Slots

NameDescription
default (unnamed)

A slot for adding `calcite-panel`s to the flow.

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