Streamline the Laravel SaaS Starter Kit - Launch Your Next SaaS Today

Heading

Give hierarchy to your page content

x-t-heading
Slug: heading

Preview and Examples

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading
<x-turbine-ui-heading level="1">
    H1 Heading
</x-turbine-ui-heading>
 
<x-turbine-ui-heading level="2">
    H2 Heading
</x-turbine-ui-heading>
 
<x-turbine-ui-heading level="3">
    H3 Heading
</x-turbine-ui-heading>
 
<x-turbine-ui-heading level="4">
    H4 Heading
</x-turbine-ui-heading>
 
<x-turbine-ui-heading level="5">
    H5 Heading
</x-turbine-ui-heading>
 
<x-turbine-ui-heading level="6">
    H6 Heading
</x-turbine-ui-heading>

Attributes

Name Type Options Description
balance boolean
true false
Balances text
level string
1 2 3 4 5 6
Selects HTML heading level
pretty boolean
true false
Reduces text orphans
size string
xs sm md lg xl 2xl
Controls component scale