Breadcrumbs

A display component that combines icons, links, and text in a breadcrumb list format.

Properties

No	Item	Input Value	Default Value	Action Property	Type	Action Default Value	Description
1	ID	String	Auto-generated	id	string	Auto-generated	The [id] property cannot be set by action.
2	Width	Number	312	width	number	312	Component width
3	Height	Number	40	height	number	40	Component height
4	X	Number		x	number		X coordinate position
5	Y	Number		y	number		Y coordinate position
6	Separator	String	/	separator	string	/	Separator character between breadcrumb elements
7	Visibility	Boolean	ON	visibility	boolean	true	Component visibility state
8	Horizontal Alignment	Selection 1. Left 2. Center 3. Right	Left	horizontalAlignment	string	left	Horizontal alignment of breadcrumbs
9	Vertical Alignment	Selection 1. Top 2. Center 3. Bottom	Top	verticalAlignment	string	top	Vertical alignment of breadcrumbs
10	Value	Table [Details 1]	[Details 1]	value	array of object	[Details 1]	Array of breadcrumb elements

Note

• The "id" property cannot be set by an action.
• There is no function to automatically create a breadcrumb list. The breadcrumb list must be intentionally populated with values.

[Details 1] Value (value)

The default status is registered as follows. Register from the “Add” button. To delete, select the check box and click the “Delete” button.

ID	Icon	Label	Click Event	Next UI	URL
item1	Home	Home	None
item2		Category1	None
item3		Category2	None

Note

• The options for the click event of the value are None | Next UI | URL | Action.
• If you select the click event "Action" in the value, you will be able to launch the action editor from the context menu of the component.
• Next UI for the authentication UI is registered as a menu by default. For applications that do not require authentication, you must delete these menu elements yourself.
• Do not set an authentication UI to "NEXT UI". Please note that if you set an authentication UI to “NEXT UI”, it may result in incorrect behavior.

Event

None