ViewStack()

ViewStack(__namedParameters): Element

ViewStack - Stack-based view manager for pushing/popping views

Manages a stack of views that can be pushed, popped, or reset programmatically and is intended for building nested or stacked UIs such as Drawer views.

Parameters

__namedParameters

ViewStackProps

Returns

Element

Example

const ids = {
  stack: uuid(),
  a: uuid(),
  b: uuid(),
};

<ViewStack id={ids.stack} defaultView={ids.a}>
  <ViewStackView id={ids.a}>
    <ViewStackTrigger for={ids.b}>
      <Button>
        Push View B
      </Button>
    </ViewStackTrigger>
    <h1>View A</h1>
  </ViewStackView>
  <ViewStackView id={ids.b}>
    <ViewStackTrigger for='back'>
      <Button variant='icon'>
        <Icon>
          <ChevronLeft />
        </Icon>
      </Button>
    </ViewStackTrigger>
    <h1>View B</h1>
  </ViewStackView>
</ViewStack>