A comprehensive guide showcasing all available rich text components for blog articles, including blockquotes, prompt blocks, highlight boxes, feature comparisons, and more.
Introduction
This article demonstrates all the rich text components available for blog content. Use this as a reference when writing your own articles.
Bookmark this page for quick reference when writing blog posts!
Blockquotes
Use blockquotes to highlight important quotes or citations from other sources:
The best way to predict the future is to create it. Innovation distinguishes between a leader and a follower. Peter Drucker
Images with Captions
Use the figure element to add images with descriptive captions:
Prompt Blocks
Display AI prompts or code snippets in a styled container:
Write a compelling Twitter thread about the benefits of using AI tools for social media marketing. Include statistics, actionable tips, and end with a call-to-action. Make it engaging with relevant emojis.
Highlight Blocks
Use highlight blocks for important notices, warnings, tips, and success messages:
This feature requires a Pro subscription to access. Upgrade your plan to unlock all features.
This action cannot be undone. Please make sure you have backed up your data before proceeding.
Your changes have been saved successfully. The new settings will take effect immediately.
Use keyboard shortcuts to speed up your workflow. Press Ctrl + S to save drafts quickly.
Feature Comparison
Compare different plans or products with this component:
- 5 posts per day
- Basic analytics
- 1 social account
- AI writing assistant
- Priority support
- Unlimited posts
- Advanced analytics
- 5 social accounts
- AI writing assistant
- Priority support
- Everything in Pro
- Custom integrations
- Unlimited accounts
- Dedicated manager
- SLA guarantee
Statistics Grid
Showcase key metrics with the stats grid:
Step Lists
Guide users through a process with numbered steps:
- Sign up for a free account on our website using your email or social login
- Connect your social media accounts through our secure OAuth integration
- Create your first post using our AI-powered writing assistant
- Schedule your content and watch your engagement grow
Callout Box
Draw attention to important announcements:
Limited Time Offer: Get 50% off your first year of Pro subscription. Use code WELCOME50 at checkout. Offer expires soon!
Keyboard Shortcuts
Show keyboard combinations with styled keys:
Common shortcuts for power users:
- Save draft: Ctrl + S
- Publish post: Ctrl + Enter
- New post: Ctrl + N
- Search: Ctrl + K
Ordered List
Numbered lists for sequential items:
- First, connect your social media accounts
- Then, create your content calendar
- Schedule posts at optimal times
- Monitor engagement and analytics
- Adjust strategy based on results
Tables
Display structured data in tables:
| Feature | Free | Pro | Enterprise |
|---|---|---|---|
| Posts per day | 5 | Unlimited | Unlimited |
| Analytics | Basic | Advanced | Custom |
| Support | Priority | Dedicated |
Code Blocks
Display code snippets with syntax highlighting:
// Example: Using the API
const response = await fetch("/api/posts", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ content: "Hello World!" })
});
const data = await response.json();
console.log(data);Video Embed
Embed videos from YouTube or other platforms:
Inline Links
Regular links are automatically styled. Check out our features page to learn more, or visit our pricing page to find the perfect plan.
Conclusion
These components help create engaging, well-structured blog content. Mix and match them to create articles that are both informative and visually appealing.
Start creating your own articles using these components!
Yangyi is the founder of XAICreator, an AI-powered social media marketing platform. He specializes in building tools that help creators and marketers grow their presence on X (Twitter).
With expertise in AI, SEO, and content marketing, Yangyi has helped hundreds of users optimize their social media strategy and increase engagement through data-driven insights.
