To make sure I got all this I asked an AI to summarize. Do y’all agree with its summation?
In RapidWeaver Elements, the primary difference between the Text and Typography components is the structure and purpose of the content they hold. [1, 2]
Text Component
-
Purpose: Designed for short, specific strings like headings, taglines, labels, or text inside buttons.
-
Structure: Wraps content in a single HTML tag (e.g.,
<h1>,<p>, or<div>). -
Styling: Provides precise, granular control over a single block. You can easily add background images, gradients, and Tailwind CSS classes directly to the element. [1, 2]
Typography Component
-
Purpose: Built for long-form content such as articles, blog posts, or mixed documentation.
-
Structure: Wraps multiple HTML blocks (like headers, paragraphs, and lists) inside a single
<article>tag using “prose” styling. -
Styling: Controlled primarily through global settings in the Theme Editor. This ensures that when you switch themes, all your long-form text (like
<h4>or standard paragraphs) automatically updates to match the new theme’s styles. -
Capabilities: It is better suited for displaying content from Markdown files or the CMS, as it can handle complex styling (like mixed headers and paragraphs) within a single component. [1, 2, 3]
Comparison Summary
| Feature [1, 2, 3, 4, 5] | Text Component | Typography Component |
|---|---|---|
| Best For | Headings, buttons, short labels | Long articles, blog posts |
| HTML Tag | Single (e.g., <h1>, <p>) |
Multiple tags inside <article> |
| Styling Basis | Component-specific overrides | Global Theme Editor settings |
| Complexity | Simple, individual blocks | Complex, multi-style blocks |
Interesting in that I was trying to create a global H1 style.