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.
Comparison Handle 1 - Labeled handle
Pro
Comparison handle with custom Before and After labels.
Component data
- ID
- comparison/comparison-handle-1
- Access
- pro
- Created
- Jul 30, 2026
- Type
- example
- Libraries
- Radix UI, Base UI, React Aria