Render page headings.
resources/js/Components/Sections/Heading/index.ts
Heading is a set of components to create common section headings, consisting of subtitle, title and description.
To customize each component independently, you can set the class
prop with your custom styles.
resources/js/Components/Sections/Heading/Heading.vue
This is the wrapper of the heading component which defines styles like text alignment and gaps between inner elements.
You can select between three different alignments by passsing the prop align?: "left" | "center" | "right"
to the component.
Default is center
.
resources/js/Components/Sections/Heading/HeadingTitle.vue
You can set the heading style tag?: "h1" | "h2"
and text size size?: "sm" | "md" | "lg"
.
Default is h2
with md
size.
resources/js/Components/Sections/Heading/HeadingSubtitle.vue
It uses another minor component: resources/js/Components/Sections/Partials/Subtitle.vue
Read more here about the Subtitle
component.
resources/js/Components/Sections/Heading/HeadingDescription.vue
You can set the text size size?: "default" | "sm" | "lg"
.