Vitrail
x
1
2
3
4
5
<!-- Primary -->
<a class="font-semibold px-3 py-2 text-indigo-600 hover:text-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600" href="#primary_link">Primary link</a>
<!-- Secondary -->
<a class="font-semibold px-3 py-2 text-slate-700 hover:text-slate-80 underline decoration-dashed underline-offset-4 decoration-slate-500" href="#secondary_link">Secondary link</a>

Links let users go somewhere.

1
2
3
4
5
# Primary
render Vitrail::LinkTo.new(:primary, "#primary_link").with_content("Primary link")
# Secondary
render Vitrail::LinkTo.new(:secondary, "#secondary_link").with_content("Secondary link")