Active item
wizlif opened this issue · comments
Is it possible to set a style for the currently active/selected page in the menu
Sorry for such a late response @wizlif. Between today and tomorrow I'll update the demo to include how that can be done.
@wizlif please get the latest version of the component (and also please read the readme.md file to see the overall changes). Now you can use the following settings to show the active page:
// Settings for the SideMenuComponent
public sideMenuSettings: SideMenuSettings = {
// ...,
showSelectedOption: true,
selectedOptionClass: 'my-selected-option'
};
And set the custom styling:
.my-selected-option {
color: map-get($colors, primary);
font-weight: 700;
}
And the result should be something like this:
I'll close this issue, but feel free to re-open it if you need support. Thanks :)