Comparison Handle 1 - Labeled handle

Pro

Comparison handle with custom Before and After labels.
Shadcn Comparison Handle 1 component

Component Data

  • ID:comparison/comparison-handle-1
  • Access:pro
  • Created:Jul 30, 2026
  • Type:example

Comparison Handle 1 component design & features

This example replaces the default ComparisonHandle contents with Before and After labels for clearer affordance.

Labeled handles help first-time visitors understand they can scrub between two states.