The navigation tree component (lk-navigation-tree)…
The active state of a link is automatically handled: if we are on the path that the link points to then it will have an active state.
If we do not want any spacing at the bottom of the component then we can use the no-padding prop.
By default the edges of active or hovered links will overflow over the left hand edge of the component. If we do not want this behavior, to ensure that the edge is aligned with other items on the page, then we can use the no-overflow prop.
The edges of the active items should be aligned with the horizontal line.