Skip to main content


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.


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

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