Nav Link
These are links specifically defined within the Nav component
Standard Nav Link
Nav Link 1
Nav Link with Icon
Nav Link 2 with icon
Nav Link with Child Nav Links
Nav Link 3
Nav Link with Icon
Nav Link 2 with icon
Nav Link with Child Nav Links
Nav Link 3
Nav Link with Child Nav Links
Nav Link 3
Sage Component
SageNavLink
Property | Description | Type | Default |
---|---|---|---|
|
Manually set an item to be styled as the selected item. |
Boolean |
false |
|
Allows for configurations for an and its placement to be provided. |
String |
null |
|
Provides a list of sub-items (nested list) to dispaly with this root NavLink. |
|
|
|
This sets the |
String |
null |
|
Allows for configuration for custom link methods |
String |
|
|
When enabled, this will remove the active link styles for the current page's link. |
String |
|
|
The text for the link. |
String |
|
|
Setting the link to |
String: [ |
|
Do
- In addition to setting the
type: 'sub'
, be sure to wrap the sub menus with a class of.sage-nav__list.sage-nav__list--sub
.