Skip to content

Paragraph — Reference

Reference · Advanced · App Connect

Paragraph settings and behavior. Settings include ID, Class, Type, Enter Animation.

Paragraph settings and events. Select the component in App Structure to find these controls in 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: "".
Name Description
Enter AnimationChoose In Animation.
Leave AnimationChoose In Animation.
Move AnimationChoose the Animation easing.
Inview Animation: NameChoose In Animation.
Inview Animation: StartChoose In Animation.
Outview AnimationChoose Out Animation.