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.

Properties

No	Item	Input Value	Default Value	Action Property	Type	Action Default Value	Description
1	ID	String	bottom_navigation	id	string	bottom_navigation	The [id] property cannot be set by action.
2	Background Color	String Color Picker		backgroundColor	string		Component background color
3	Icon Color	String Color Picker		iconColor	string		Normal color of icons and text
4	Selected Color	String Color Picker		selectedBackgroundColor	string		Background color of selected item
5	Selected Icon Color	String Color Picker		selectedIconColor	string		Icon and text color of selected item
6	Elevation	Number	0	elevation	number	0	Shadow size of the component
7	Value	Tabular [Detail 1]	[Detail 1]	value	array of object	[Detail 1]	Navigation items array
8	Selected	Selection 1. None 2. [Item Label]		selected	string		ID of the item to be displayed as selected

Note

• 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