search

azouaoui-med / react-pro-sidebar

React Pro Sidebar provides a set of components for creating high level and customizable side navigation
https://azouaoui-med.github.io/react-pro-sidebar/
MIT License
1.72k stars 412 forks source link

Submenu and MenuItems with different font color #204

Closed tinytini12 closed 7 months ago

tinytini12 commented 11 months ago

Hi! I need to set Submenus with white font color and menuItems with black font color. I tried with root styles but it seems to always take the parent color

<Sidebar backgroundColor="#004F9A" collapsed={collapsed}>
                <Menu>
                    <SubMenu icon={<Icon.Spark />} label={sidebarLabels.products}>
                        <MenuItem component={<Link to="/bulk-saleformats" />}>{sidebarLabels.saleFormats}</MenuItem>
                    </SubMenu>
                </Menu>
</Sidebar>
azouaoui-med commented 9 months ago

you can use menuItemStyles on Menu component for customization

here is demo in storybook https://azouaoui-med.github.io/react-pro-sidebar/?path=/docs/menu--menu-item-styles

stale[bot] commented 7 months ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.