NavigationList
This component is used to make a navigation throughout your application
NavigationList is a list of first level elements. When user clicks on any of the items he can navigate to another page. Also some pages may contain child pages: sub items (secondary level). Items of secondary level can contain item of third level.
List items
There are three levels of nesting in NavigationList. The top level is NavigationItem, the second is SubNavigationItem and the third is SubSubNavigationItem.
NavigationListMenu
NavigationItem
SubNavigationItem
SubSubNavigationItem
Custom List items
For some sidebar you can use your own components as NavigationItem component. To do that you can use NavigationItemComponent
, NavigationSubItemComponent
and NavigationSubSubItemComponent
.
These parameters are components that take properties BaseNavigationItemInterface
and the corresponding properties of a component of a certain level.
BaseNavigationItemInterface
Navigation List Action
In Altrone 1.1 you can add your own action to the NavigationList. There are two types of action: button (is you passed onClick
prop) and context menu (if you passed contextMenu
).
NavigationListAction
Properties
History
Altrone 2.0
:added
surface
propadded
elevation
propadded
compact
prop
Altrone 1.3
:added list separator
Altrone 1.1
:added
action
prop
Altrone 1.0
: initial release
Last updated