user/src/com/google/gwt/uibinder/sample/client/DomBasedUi.ui.xml

<!--                                                                        -->
<!-- Copyright 2008 Google Inc.                                             -->
<!-- Licensed under the Apache License, Version 2.0 (the "License"); you    -->
<!-- may not use this file except in compliance with the License. You may   -->
<!-- may obtain a copy of the License at                                    -->
<!--                                                                        -->
<!-- http://www.apache.org/licenses/LICENSE-2.0                             -->
<!--                                                                        -->
<!-- Unless required by applicable law or agreed to in writing, software    -->
<!-- distributed under the License is distributed on an "AS IS" BASIS,      -->
<!-- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or        -->
<!-- implied. License for the specific language governing permissions and   -->
<!-- limitations under the License.                                         -->
<ui:UiBinder
  xmlns:ui='urn:ui:com.google.gwt.uibinder'
  xmlns:res='urn:with:com.google.gwt.uibinder.sample.client.DomBasedUi.Resources'
  >
  <div ui:field='root' res:class="style.bodyColor style.bodyFont" 
      title="The title of this div is localizable">
    <ui:attribute name='title'/>
    Hello, <span ui:field="nameSpan" />.
    <ui:msg>How goes it?</ui:msg>
      <h2 res:class="style.bodyColor style.bodyFont">Placeholders in localizables</h2>
      <p><ui:msg>When you mark up your text for translation, there will be bits
      that you don't want the translators to mess with. You can protect
      these with <span style="font-weight:bold"
        ui:ph="boldSpan">placeholders</span><ui:ph name="tm"><sup ui:field="tmElement">TM</sup></ui:ph>.</ui:msg></p>
  </div>
</ui:UiBinder>