x
1
2
3
4
5
<!-- With Custom Classes -->
<h1 class="mt-10 mb-4 text-2xl xl:text-3xl font-bold tracking-tight text-slate-900 uppercase" > Uppercased header </h1>
<!-- With Custom Identifier -->
<h1 class="mt-10 mb-4 text-2xl xl:text-3xl font-bold tracking-tight text-slate-900" id="my-header"> Header with id </h1>
1
2
3
4
5
6
# With Custom Classes
render Vitrail::Title.new(class: "uppercase").with_content("Uppercased header")
# With Custom Identifier
render Vitrail::Title.new(id: "my-header").with_content("Header with id")
# => <h1 id="my-header" ... > Header with id </h1>