<Page>
  <StackLayout>
    <Button text="RESET" tap="resetStyles"/>

    <TextField text="no align"    />
    <TextField text="left"    style="text-align: left" />
    <TextField text="center"  style="text-align: center" />
    <TextField text="right"   style="text-align: right" />

    <WrapLayout>
      <TextField text="normal" />
      <TextField text="color"       style="color: green"/>
      <TextField text="size"        style="font-size: 32" />
      <TextField text="italic"      style="font-style: italic" />
      <TextField text="bold"        style="font-weight: bold"/>
      <TextField text="bold-italic" style="font-weight: bold; font-style: italic"/>
      <TextField text="serif"       style="font-family: serif"/>
      <TextField text="sans-serif"  style="font-family: sans-serif"/>
      <TextField text="monospace"   style="font-family: monospace"/>
      <TextField text="Times New Roman"   style="font-family: Times New Roman"/>
      <TextField text="invalid font"   style="font-family: InvalidFont"/>
      <TextField text="all in one"  style="font-family: serif; font-weight: bold; font-style: italic; font-size: 32; color: green" />
    </WrapLayout>
  </StackLayout>
</Page>