title: How to register Custom HTML Element as widget in GWT
body: <p>Hi folks Did someone have any idea how to register custom html element as GWT widget uiBinder and use them directly in place of using in HTMLPanel.</p>
  
  <p>For e.g. if I'm using <a href="https://www.polymer-project.org">Google Polymer</a> in my <a href="http://www.m-gwt.com/">mgwt</a> project I'm using custom html element as</p>
  
  <pre><code>                 &lt;g:HTMLPanel &gt;
                      &lt;paper-shadow class="{style.card}"&gt;
                          &lt;mgwt:touch.TouchPanel ui:field="touchPanel"&gt;
                              &lt;mgwt:panel.flex.FlexPanel orientation="VERTICAL" alignment="CENTER"&gt;
                                  &lt;g:Image url="{global.getDirection.getSafeUri.asString}" /&gt;
                                  &lt;g:HTMLPanel&gt;Take me to Deal&lt;/g:HTMLPanel&gt;
                              &lt;/mgwt:panel.flex.FlexPanel&gt;
                          &lt;/mgwt:touch.TouchPanel&gt;
                      &lt;/paper-shadow&gt;
                  &lt;/g:HTMLPanel&gt;
  </code></pre>
  
  <p>I want to register/create paper-shadow as custom widget so that I can write code as so that its easy to handel events</p>
  
  <pre><code>                &lt;polymer:paper-shadow class="{style.card}"&gt;
                      &lt;mgwt:touch.TouchPanel ui:field="touchPanel"&gt;
                          &lt;mgwt:panel.flex.FlexPanel orientation="VERTICAL" alignment="CENTER"&gt;
                              &lt;g:Image url="{global.getDirection.getSafeUri.asString}" /&gt;
                              &lt;g:HTMLPanel&gt;Take me to Deal&lt;/g:HTMLPanel&gt;
                          &lt;/mgwt:panel.flex.FlexPanel&gt;
                      &lt;/mgwt:touch.TouchPanel&gt;
                  &lt;polymer:paper-shadow&gt;
  </code></pre>