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 system-font="Inter"></v-keyboard>
  </body>
</html>

lang and dir attributes are required on the HTML tag

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

html

<html lang="en" dir="ltr">
  <head></head>
  <body></body>
</html>

<v-keyboard> tag is required inside the BODY tag

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

html

<body>
  <v-keyboard system-font="Inter"></v-keyboard>
</body>

App HTML Layout ​