Function: navigationBar()

function navigationBar(props: UiNavigationBarProps): NavigationBarElement;

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

Parameters

Parameter	Type	Description
props	UiNavigationBarProps	Configuration object

Returns

NavigationBarElement

Deprecated

Use the equivalent block from @matterway/sdk/UI instead. This block targets the old showUI path and will be removed when src/UI/ is dropped.

Navigation bar component for displaying button sets.

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"
    }
  ]
});