```Kotlin code: react { ReactSidebar { ...
# kvision
k
Copy code
Kotlin code:
react {
    ReactSidebar {
        ReactSidebarMenu {
            attrs.iconShape = "square"
            ReactSidebarMenuItem {
                //attrs.icon= ???
                +"Menu one "
            }
            ReactSidebarMenuItem {
                +"Menu two "
            }
        }
    }
}
r
This is working for me:
Copy code
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.
Probably there is some better way, but I'm not a React expert 😉
k
Where is this
createElement
fun is defined? any
Document
object?
Got it.. it is react.createElement. Cheers.
It shows the icon, but gives a warning `Warning: Invalid DOM property
class
. Did you mean
className
?`
I changed it to.
Copy code
attrs.icon = createElement("i", obj { `className` = "fas fa-user" })
and there is no warning..
r
I haven't noticed the warning. Yep, use className instead (and no back ticks needed)
k
👍