Headings

Headings are used to display titles and subtitles in your pages.

SaaSykit comes with the following heading components:

• x-heading.h1 - the h1 heading.
• x-heading.h2 - the h2 heading.
• x-heading.h3 - the h3 heading.
• x-heading.h4 - the h4 heading.
• x-heading.h5 - the h5 heading.
• x-heading.h6 - the h6 heading.

Usage

<x-heading.h1 class="text-center">
    {{ __('Welcome to SaaSyKit') }}
</x-heading.h1>

You can pass in extra classes to the heading component to customize it's look and feel.