LandiPilot logoOfficial Website
UI Block Reference

Comparison Slider

Compare before/after images with a slider

MediaComparisonSlider

Editable fields

The fields shown here come from the block schema and indicate the primary editable properties.

Editable fields

afterImage.altafterImage.urlafterLabelaspectRatiobackgroundColorbeforeImage.altbeforeImage.urlbeforeLabelinitialPositionmaxWidthorientationshowLabelsspacing.marginBottomspacing.marginTopspacing.paddingBottomspacing.paddingTopsubtitletitletypography.textSize

Blocks in the same category

Live preview

This preview is rendered with the real UI block implementation.