Media Object

Overview

The Avonni Media Object Component aims to enhance and simplify media presentation on your pages. This component is essential for various media types' integrated and responsive displays, ensuring they align perfectly with other content elements for a cohesive and engaging user experience.

This component leverages slots for advanced customization, making it ideal for LWR sites. Aura sites do not support this level of customization.

Properties

Name	Description	Usage
Inline	This property allows for the horizontal alignment of media objects with other content elements.	Enable this setting when you want the media to be displayed inline with other content, facilitating a horizontal flow and utilization of space.
Responsive	Ensures that the media object adapts gracefully across different device sizes and screen resolutions.	Activating this property ensures that media objects are displayed optimally, maintaining their clarity and proportion on various devices for a seamless viewing experience.
Vertical Align	This property provides control over the vertical alignment of the media object relative to other content elements.	Choose between start, center, or end alignments to ensure that the media object aligns perfectly with adjacent content, contributing to a visually harmonious presentation.
Size	Adjust the size of the media object to ensure it fits seamlessly within the overall content layout.	Select an appropriate size for the media object, ensuring that it complements rather than overshadows the surrounding content, maintaining a balanced and appealing layout.