Introduction

The fs-bread breadcrumb navigation component is used to display the user's current location within a website or application, helping users understand the page hierarchy and quickly navigate back to parent pages.

Usage

Import locally by configuring it in the index.json of the page or component that needs it.

Base component import path:

"usingComponents": {
  "fs-bread": "ava-ui/fxui/fs-bread/index"
}

Code Demo

Basic Usage

API

Parameters

Parameter	Description	Type	Optional Values	Default
list	List of breadcrumb items; each item contains text (display text)	Array	-	[]
maxItemWidth	Maximum width of a breadcrumb item	String	-	90px
textStyle	Text style	Object	-	{}

Events

Name	Parameter	Description
click		Triggered when a breadcrumb item is tapped

Base component preview:

打开预览