Paragraph Element
The Paragraph element is perfect for adding supporting text under titles or anywhere on your app screen. Think of it like a regular text block, good for descriptions, instructions, or extra info.
Like the Title element, it also has two main tabs:
Content Tab – where you write your paragraph.
Settings Tab – where you style and space it.
🎨 Style Your Paragraph
1. Text Style
Choose how the text styling is applied.
Predefined Styles: Select from styles like Body Small, Body Medium, Heading, etc., to automatically apply preset font size and weight.
Custom: Select Custom to manually control font size, weight, color, alignment, and font style.
Selecting Custom unlocks advanced typography controls.
2. Font Size & Weight
Font Size: Choose the size (e.g., 10px is standard).
Font Weight: You can make it light, regular, or bold.
3. Color & Opacity
Use a HEX code or select from your brand palette.
You can also set opacity (transparency) — 100% is fully visible, 50% is half-transparent.
4. Text Alignment
Align your paragraph to Left, Center, or Right
📏 Margin Settings
Adjust the spacing around the paragraph using sliders:
Top, Bottom, Left, Right – each margin can be changed individually.
Use 🔗 to sync spacing on top & bottom or left & right.
👁️ Visibility Settings
Just like the Title element, you can decide where and to whom this paragraph is shown:
Platform: Show it on Android, iOS, or all.
Device: Target mobile or tablet users.
User: Set visibility for All, Guest, or Logged-in users.
📱 How It Looks
✅ Summary
Content
Type your paragraph text
Settings
Adjust font, color, opacity, spacing, alignment
Visibility
Choose platform, device type, and user role
Live Preview
Instantly view how your text looks inside the app
Last updated
Was this helpful?