```Kotlin code: react { ReactSidebar { ReactSidebarMenu { attrs.iconShape = ...

# kvision

[Kumaran Masilamani]

Kotlin code:
react {
    ReactSidebar {
        ReactSidebarMenu {
            attrs.iconShape = "square"
            ReactSidebarMenuItem {
                //attrs.icon= ???
                +"Menu one "
            }
            ReactSidebarMenuItem {
                +"Menu two "
            }
        }
    }
}

[Robert Jaros]

This is working for me:

external interface ReactSidebarMenuItemProps : RProps {
    var icon: ReactElement
}

                        ReactSidebarMenuItem {
                            attrs.icon = createElement("i", obj { className = "fas fa-check" })
                            +"Menu one "
                        }

With kvision-fontawesome module included to have FA css available.

[Robert Jaros]

Probably there is some better way, but I'm not a React expert 😉

[Kumaran Masilamani]

Where is this createElement fun is defined? any Document object?

[Kumaran Masilamani]

Got it.. it is react.createElement. Cheers.

[Kumaran Masilamani]

It shows the icon, but gives a warning `Warning: Invalid DOM property class. Did you mean className?`

[Kumaran Masilamani]

I changed it to.

attrs.icon = createElement("i", obj { `className` = "fas fa-user" })

and there is no warning..

[Robert Jaros]

I haven't noticed the warning. Yep, use className instead (and no back ticks needed)

[Kumaran Masilamani]

👍