Docs / Components
SenseImageCompareComponent
Before/after image comparison slider with a draggable divider from @artificialsenselabs/ui.
Live demo: run nx serve showcase and open /components/image-compare (port 4202).
Overview
Category: Media. Selector: sense-image-compare. Import: import { SenseImageCompareComponent } from '@artificialsenselabs/ui';
Accessibility
- Comparison control uses a native range input with a localized aria-label.
- Left and right images accept meaningful
alttext. - Position updates are announced through the slider value.