Skip to content

Function: navigationBar()

ts
function navigationBar(props: UiNavigationBarProps): NavigationBarElement;

Defined in: src/UI/blocks/navigationBar.tsx:56

Navigation bar component for displaying button sets.

Parameters

ParameterTypeDescription
propsUiNavigationBarPropsConfiguration object

Returns

NavigationBarElement

Examples

Basic usage

navigationBar({
  buttons: [
    {
      text: "Cancel",
      value: "cancel"
    },
    {
      text: "Submit",
      value: "submit"
    }
  ]
});

Usage with icons

navigationBar({
  buttons: [
    {
      text: "Back",
      value: "back",
      variant: "secondary",
      icon: "arrow-back"
    },
    {
      text: "Next",
      value: "next",
      variant: "primary",
      icon: "arrow-forward"
    }
  ]
});

Matterway Assistant SDK Documentation