Skip to content
Wappler Docs
Start Trial
Open tour in Wappler

Heading — Reference

Reference · Advanced · App Connect

Heading settings and behavior. Settings include ID, Class, Type.

Heading

Section titled “Heading”

Heading settings and events. Select the component in App Structure to find these controls in Properties.

Heading Properties

Section titled “Heading Properties”
Name Description
IDOptional unique identifier for this element. Sets the element's id attribute. Keep IDs unique per page (useful for anchors, label for targets, and JavaScript hooks). Bootstrap docs: Introduction Default: "". Attribute: id.
ClassAdds raw class names to the element. Adds text directly to the class attribute. Use this for custom utility classes or project-specific overrides. Separate multiple classes with spaces. Bootstrap docs: Utilities API Default: "". Attribute: class.
TypeHeading element type. Chooses which heading tag to use ( h1 through h6 ) depending on the component. Pick heading levels for proper document structure (SEO/accessibility) and use Bootstrap classes for visual styling. Bootstrap docs: Headings Options: Paragraph (p), Heading 1 (h1), Heading 2 (h2), Heading 3 (h3), Heading 4 (h4), Heading 5 (h5), Heading 6 (h6) Default: "".