ContentFigure Test Page
ContentFigure Component Examples
Section titled “ContentFigure Component Examples”This page demonstrates the various features of the ContentFigure component.
Basic Image (Full Width, Centered)
Section titled “Basic Image (Full Width, Centered)”
Image with Caption
Section titled “Image with Caption”
This is an elevator assembly with markdown support in the caption
Image with Width Control (60%)
Section titled “Image with Width Control (60%)”
Part studio at 60% width
Image with Default Border
Section titled “Image with Default Border”
Image with the default thick border (5px solid)
Image with Custom Border Style
Section titled “Image with Custom Border Style”
Custom dashed accent-colored border
Image with Custom Border (Red)
Section titled “Image with Custom Border (Red)”
Custom 4px solid red border
Alignment Examples
Section titled “Alignment Examples”Left-Aligned Image (50%)
Section titled “Left-Aligned Image (50%)”
Left-aligned image at 50% width
Right-Aligned Image (50%)
Section titled “Right-Aligned Image (50%)”
Right-aligned image at 50% width
Center-Aligned Image (Default)
Section titled “Center-Aligned Image (Default)”
Centered image (default alignment)
YouTube Video Examples
Section titled “YouTube Video Examples”YouTube Video (Centered)
Section titled “YouTube Video (Centered)”A YouTube video embedded using ContentFigure
YouTube Video with Width (70%)
Section titled “YouTube Video with Width (70%)”YouTube video at 70% width using short URL format
YouTube Video with Border
Section titled “YouTube Video with Border”YouTube video with default border
YouTube Video Left-Aligned
Section titled “YouTube Video Left-Aligned”Left-aligned YouTube video
Caption with Links
Section titled “Caption with Links”
Learn more about document setup in the best practices section