Inline Text & Images
Dynamic and customizable component that allows you to integrate inline images seamlessly within your text by using the * symbol.
Make it with Workshop
Build your own component with AI
This component is perfect for creating visually engaging and responsive content for web or design projects.
How to Use and Customize the Component
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.
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.
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.
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.
