Layout Settings

Version: 1.0.0

Layout Settings

  • Orientation (default: Horizontal): Horizontal or Vertical
  • Interaction (default: Drag): Drag, Hover, or Click / tap. On touch devices, Hover falls back to drag.
  • Starting Position (%) (default: 50): initial divider position from 0 to 100
  • Handle Style (default: Circle): Circle, Diamond, Line, Arrows, Pill
  • Theme (default: Classic): Classic, Soft, Bold, Minimal, Glass
  • Aspect Ratio (default: Auto): Auto (from image), 16:9, 4:3, 1:1, 3:2, or 21:9
  • Max Width (default: 900px): for example 960px or 100%
  • Alignment (default: Center): Left, Center, Right
  • Object Fit (default: Cover): Cover, Contain, or Fill when a fixed aspect ratio is used