https://github.com/numq/before-after-slider

"before-after" image comparison slider component for Compose
https://github.com/numq/before-after-slider

before-after compose-desktop compose-library compose-multiplatform image-comparison-slider jetpack-compose slider-image

Last synced: about 2 months ago
JSON representation

"before-after" image comparison slider component for Compose

• Host: GitHub
• URL: https://github.com/numq/before-after-slider
• Owner: numq
• License: mit
• Created: 2024-03-10T03:06:15.000Z (10 months ago)
• Default Branch: master
• Last Pushed: 2024-03-24T00:42:37.000Z (10 months ago)
• Last Synced: 2024-03-24T02:33:29.886Z (9 months ago)
• Topics: before-after, compose-desktop, compose-library, compose-multiplatform, image-comparison-slider, jetpack-compose, slider-image
• Language: Kotlin
• Homepage:
• Size: 915 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


# Before & After Slider

Image comparison component implementation for Compose

![gif](./media/before-after-slider.gif)

___

## Features

- Horizontal and vertical slider orientation

- Default, minimum and maximum percentage setting

- Drag policies

- Overriding percentage to use a custom value (dragging is not possible unless null is passed)

## Examples

- [Slider animation using overridden percentage](./example/src/main/kotlin/SliderAnimationExample.kt)

- [Slider usage demonstration](./example/src/main/kotlin/SliderUsageExample.kt)