Add support for custom components in side menu #38

Author: javier-godoy

src/main/java/com/flowingcode/addons/applayout/MenuItemComponent.java

@@ -6,6 +6,7 @@
 import com.flowingcode.addons.applayout.MouseClickEvent.MouseButton;
 import com.flowingcode.addons.applayout.menu.MenuItem;
 import com.vaadin.flow.component.Component;
+import com.vaadin.flow.component.HasComponents;
 import com.vaadin.flow.component.HasEnabled;
 import com.vaadin.flow.component.Tag;
 import com.vaadin.flow.component.dependency.HtmlImport;
@@ -14,8 +15,7 @@
 @Tag("fc-menuitem")
 @HtmlImport("bower_components/fc-applayout/fc-menuitem.html")
 @SuppressWarnings("serial")
-public class MenuItemComponent extends Component implements HasEnabled {
-
+public class MenuItemComponent extends Component implements HasEnabled, HasComponents {
 
 	public MenuItemComponent() { }
 

src/main/resources/META-INF/resources/frontend/bower_components/fc-applayout/fc-menuitem.html

@@ -19,7 +19,10 @@
 		</style>		 
 		<paper-icon-item role="option" disabled="[[disabled]]">
 	  		<iron-icon src="[[image]]" icon="[[icon]]" slot="item-icon"></iron-icon>
-	  		<span>[[label]]</span>
+	  		<template is="dom-if" if="[[label]]">
+	  			<span>[[label]]</span>
+	  		</template>
+	  		<slot></slot>
 	  	</paper-icon-item>
 	</template>