Header Tags (H1-H6)

export const H1 = ({ children }) => <h1 className="text-4xl font-bold">{children}</h1>

<template>
  <h1 class="text-4xl font-bold"><slot /></h1>
</template>

<h1 class="text-4xl font-bold"><slot /></h1>

<h1 class="text-4xl font-bold">
  <slot />
</h1>

<h1 class="text-4xl font-bold">{{ $slot }}</h1>

<h1>{{ page_title }}</h1>

{% macro h1(text) %}
  <h1 class="text-4xl">{{ text }}</h1>
{% endmacro %}

<h1>Main Title</h1>
<h2>Sub Title</h2>

<h1>{{ .Title }}</h1>

<h1 th:text="${title}">Title</h1>