App HTML Layout

All SwiftWC apps require this minimal HTML structure:

app.html

html

<!doctype html>
<html lang="en" dir="ltr">
  <head></head>
  <body>
    <v-keyboard></v-keyboard>
  </body>
</html>

lang and dir attributes are required

Use them to adapt component formatting preferences and view-transitions direction.

html

<!-- Must be set on the HTML tag -->
<html lang="en" dir="ltr">
  <head></head>
  <body></body>
</html>

<v-keyboard> tag is required

It is used to handle the virtual keyboard on touch devices.

html

<body>
  <!-- Must be placed inside the BODY tag -->
  <v-keyboard></v-keyboard>
</body>

App HTML Layout ​