Learn how to create and use reusable React components in your MDX content
kristian
Author
This guide shows you how to create rich, interactive content using our custom MDX component system.
Provide a quick summary at the start of your posts:
Use callout boxes to highlight important information:
This is an info callout - perfect for tips and helpful information.
Warning callouts grab attention for important notices.
Success callouts celebrate achievements and positive outcomes.
Error callouts help users avoid common mistakes.
Drive user actions with styled CTA components:
Rich call-to-action cards with feature lists:
Join thousands of families using Homi to find their perfect home
Capture email subscribers with beautiful newsletter forms:
Weekly insights on finding and buying your perfect property
Showcase features in an organized grid:
Full TypeScript support for your content and components
See changes instantly during development
Built-in metadata and performance optimization
Add new components as your needs grow
Add credibility with styled quotes:
The MDX component system makes it so easy to create rich, interactive content. Our marketing team loves being able to drop in calls-to-action and feature highlights without touching any code.
Show data with impact:
Embed YouTube or Vimeo videos seamlessly:
Pro Tip: Test your components with different content lengths to ensure they're robust and flexible.
Ready to start using these components in your own content?
Founder of homi and real estate enthusiast.
Continue reading with these related articles
kristianMost home buyers feel overwhelmed during their search, and over half experience buyer's remorse. Learn why this happens and the simple framework that prevents it.
kristianFrom listing discovery to closing day, here's the modern toolkit that makes home searching efficient, organized, and less stressful. Plus which tools to skip.
kristianAfter viewing 30+ properties, everything blurs together. This isn't failure—it's a known psychological phenomenon. Learn why our brains struggle with extensive searches and how to beat decision fatigue.