The Paragraph Component is your go‑to tool for adding formatted text to any page in your brand guide. It’s perfect for body copy, introductions, explanations, guidelines, captions, and any other written content you want to present cleanly and consistently.

This component includes a full rich‑text editor and optional color controls so you can match your brand’s visual style.

🌟 What You Can Do with the Paragraph Component

Inside this component, you can:

• Write and format text using a full WYSIWYG editor
• Add headings, bold/italic text, lists, links, and more
• Control the background color
• Control the text color
• Choose from your theme’s color palette
• Create clean, readable content sections

It’s flexible enough for long‑form content and simple enough for quick notes.

🧭 Component Overview

When you open the Paragraph Component in the Component Editor, you’ll see two main sections:

1. Content Editor (WYSIWYG)

This is a full rich‑text editor where you can:

• Type freely
• Add headings (H1–H6)
• Bold, italicize, underline
• Create ordered or unordered lists
• Insert links
• Add spacing and structure

The editor gives you complete control over how your text appears.

Your content is saved exactly as you format it.

2. Color Settings

Below the editor, you’ll find two optional color controls:

Background Color

Choose a background color for the entire paragraph block.

Text Color

Choose a custom text color for this component.

Both fields use the same color picker system as the rest of MyStyleGuide.io:

• You can enter a HEX value
• Or choose from your theme’s predefined colors
• Or leave them blank to use default styling

This makes it easy to match your brand’s color system.

🎨 Theme‑Aware Color Options

The color dropdowns automatically pull from your brand’s theme colors, including:

• Light / dark backgrounds
• Highlight colors
• Typography colors

This ensures your paragraph blocks stay visually consistent with the rest of your guide.

💾 Saving Your Changes

When you’re done editing:

1. Click Save Component
2. The preview updates instantly
3. Your changes appear on the page immediately

If the component is part of a layout row or nested structure, it behaves exactly the same.

🎯 Summary

The Paragraph Component helps you:

• Add clean, formatted text to any page
• Control background and text colors
• Maintain consistent typography
• Create readable, structured content
• Match your brand’s theme effortlessly

It’s one of the most versatile components in MyStyleGuide.io — ideal for everything from simple descriptions to full content sections.