Paragraph — Reference
Paragraph settings and behavior. Settings include ID, Class, Type, Enter Animation.
Paragraph
Section titled “Paragraph”Paragraph settings and events. Select the component in App Structure to find these controls in Properties.
Paragraph Properties
Section titled “Paragraph Properties”| Name | Description |
|---|---|
| ID | Optional 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. |
| Class | Adds 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. |
| Type | Heading 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: "". |
Dynamic attributes
Section titled “Dynamic attributes”| Name | Description |
|---|---|
| Enter Animation | Choose In Animation. |
| Leave Animation | Choose In Animation. |
| Move Animation | Choose the Animation easing. |
| Inview Animation: Name | Choose In Animation. |
| Inview Animation: Start | Choose In Animation. |
| Outview Animation | Choose Out Animation. |