Bottom Navigation

Bottom navigation is a menu component that is stickily located at the bottom level of a mobile application.

Note

• Bottom navigation is a fixed component used in mobile applications. Its position, width and height cannot be changed.

Dialog Property

Item	Input value	Option	Default value
ID	string		automatic
Background Color	string color picker
Icon/Text Color	string color picker
Selected Color	string color picker
Selected Color/Text Icon	string color picker
Selected Color/Text Icon	string color picker
Elevation	number		0
Value	table details 1		details1
Selected	selected	・None ・[Item Label]

Action Property

項目	Properties	Data Type	Options	Default value
ID	id	string		automatic
Background Color	backgroundColor	string
Icon/Text Color	iconColor	string
Selected Color	selectedBackgroundColor	string
Selected Color/Text Icon	selectedBackgroundColor	string
Selected Color/Text Icon	selectedIconColor	string
Elevation	elevation	number		0
Value	value	array of object details 1		details1
Selected	selected	string

Note

• The "id" property cannot be set by an action.
• When the button is clicked, the icon color automatically changes to active/inactive. The "selected" property stores the active button ID.
• "Elevation" allows you to set the size of the bottom navigation shadow. For the set value, the range is 0 to 24.

[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.

Select	ID	Icon	Label	Click Event	NEXT UI	URL
Checkbox	item1	Restore	Recents	None
Checkbox	item2	Favorite	Favorite	None
Checkbox	item3	LocationOn	Nearby	None

Note

• The options for the value’s click event are None | Next UI | URL | Action.
• If you select the click event "Action" as the value, you will be able to launch the action editor from the component’s context menu.
• The menu can have a maximum of 5 items.
• Do not set an authentication UI that is not initially registered in "Next UI". Please note that setting "Authentication UI" may result in incorrect behavior.

Event

None