Framer Text with Images Component

Introducing the Ultimate Inline Text With Images component

👀 Live Preview

The InlineTextWithImages component is a dynamic and customizable text handler that allows you to integrate inline images seamlessly within your text. By using the * symbol as a placeholder, you can position images exactly where you want them to appear in the text. This component is perfect for creating visually engaging and responsive content for web or design projects.

How to Use and Customize the Component

1. Adding Images to Your Text:
   • Write your text in the text property.
   • Use the * symbol to specify where you want the images to appear.
   • Upload your images using the images property. The component automatically matches the images to the placeholders in the order they appear.
2. Customizing Font Style:
   • Adjust the font property to define the font size, line height, and font family.
   • The component supports advanced font customization with extended control for size and alignment.
3. Setting Text Alignment and Color:
   • Use the Align property to set the text alignment to left, center, or right.
   • Modify the titleColor property to change the text color and adapt it to your design palette.
4. Responsive Design:
   • The component adapts automatically to different screen sizes.
   • Font sizes and images will adjust dynamically based on the overall styling to ensure a consistent and polished layout.

Enjoy 😃

Format: Component Framer link