Html

The root component that establishes the email template structure. Sets up language support and directional behavior. Must be used as the outermost wrapper for your email template.

<script lang="ts">
  import { Html, Head, Body } from 'sailkit';
</script>

<Html language="en" dir="ltr">
  <Head subject="Welcome!" />
  <Body>
    <!-- Email content -->
  </Body>
</Html>
PropTypeDefaultDescription
dir‘auto’｜‘ltr’｜‘rtl’‘ltr’Text direction for the email
languagestring‘en’Language code for the email content
owabooleanfalseEnable Outlook Web App specific optimizations
  • The Html component must contain a Head component for metadata and a Body component for content.
  • It provides the foundation for language and text direction support across email clients.

Advanced usage with RTL support:

<Html language="ar" dir="rtl">
  <Head subject="مرحباً" />

  <Body>
    <!-- RTL content -->
  </Body>
</Html>