trendmicro-frontend / react-sidenav

React SideNav component

Home Page:https://trendmicro-frontend.github.io/react-sidenav/

Repository from Github https://github.comtrendmicro-frontend/react-sidenavRepository from Github https://github.comtrendmicro-frontend/react-sidenav

How can I change the styling of the sidenav like max-width on expansion and min-width on collapsed?

sunilsp77 opened this issue · comments

@sunilsp77 do you find the solution?

@sunilsp77 do you find the solution?

yes

`const navWidthCollapsed = 64;
const navWidthExpanded = 160;

<SideNav
onSelect={(selected) => {
const to = selected;
if (props.location.pathname !== to) {
props.history.push(to);
}
}}
onToggle={onToggle}
style={{
backgroundColor: "#544b4b",
position: "fixed",
minWidth: expanded ? navWidthExpanded : navWidthCollapsed,
}}
>`