Left Padding Example about react-sidenav

[wmira]

@RunnerTx do you want to do something like this? https://codesandbox.io/s/r0jyry8pmq
What was changed is that you would need to specifically specify the item template, which can now be inherited from the Default template. Reason being different templates can be provided and it can know how to render elements under it.

[RunnerTx]

@wmira that is kind of what I was looking for, but I wanted the border-left color like the original example. When I try to modify your latest example, it puts the left border on all items (Nav, NavIcon, and NavText). Is there any way to just put the border-left around just Nav?
https://codesandbox.io/s/xpm02wzr6z

Thanks again.

[wmira]

@RunnerTx i see what you mean. There seem to be a bug, what you have is correct but the problem is the className is getting applied to children. Will release a fix for this later. It is on the Default renderer. When it renders the NavIcon or NavText, it should not have passed the full props of the container, e.g. it is doing { ...this.props }.

[wmira]

@RunnerTx latest build should now enable adding the left border indicator: https://codesandbox.io/s/yvwj8k9q6j

[RunnerTx]

@wmira - thanks. I verified the latest build resolves the issue.