Vitrail
x
1
2
3
4
5
6
7
8
<!-- Level 1 -->
<h1 class="mt-10 mb-4 text-2xl xl:text-3xl font-bold tracking-tight text-slate-900" > Header 1 </h1>
<!-- Level 2 -->
<h2 class="mt-8 mb-2 text-xl xl:text-2xl font-bold tracking-tight text-slate-900" > Header 2 </h2>
<!-- Level 3 -->
<h3 class="mt-4 mb-1 xl:text-lg font-semibold tracking-tight text-slate-800" > Header 3 </h3>

No notes provided.

1
2
3
4
5
6
7
8
# Level 1
render Vitrail::Title.new.with_content("Header 1")
# Level 2
render Vitrail::Title.new(level: 2).with_content("Header 2")
# Level 3
render Vitrail::Title.new(level: 3).with_content("Header 3")