Unable to add custom element in MenuItem

[UBy]

Currently it is not possible to add an element of your own choice to the LeftNav component.
MenuItems can be link (route, payload), icon, text (item, data, number) and toggle. This is only enough if you want basic router/URL functionality. The following code would enable any type of content in the LeftNav:

if (this.props.element !== undefined) element = this.props.element;
....
return (
  React.createElement("div", {
    key: this.props.index, 
    className: classes, 
    onTouchTap: this._handleTouchTap, 
    onClick: this._handleOnClick}, 

    icon, 
    this.props.children, 
    data,
    element, <-----
    attribute, 
    number, 
    toggle, 
    iconRight    
  )

[jgable]

I think you can put custom content in if you don't specify a type for the menu item and set the content to the text property.

Check the code here

[UBy]

Thanks. I already tried with the text property, but if I remember correctly, my HTML got escaped. I will check if leaving out the type makes a difference.

[jgable]

It does, I'm using it already.

[UBy]

It does work! although a new complication has arisen. I can put a TextField in the LeftNav, but clicking on it is interpreted as a click outside the nav and will close it. Anyway that's a different problem, so I'll close this issue.