https://github.com/egemenciftci/two-thumb-slider
Created with StackBlitz ⚡️
https://github.com/egemenciftci/two-thumb-slider
Last synced: 6 months ago
JSON representation
Created with StackBlitz ⚡️
- Host: GitHub
- URL: https://github.com/egemenciftci/two-thumb-slider
- Owner: EgemenCiftci
- Created: 2023-01-20T14:32:17.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-06T20:10:47.000Z (over 2 years ago)
- Last Synced: 2025-02-07T10:17:05.916Z (8 months ago)
- Language: TypeScript
- Homepage: https://stackblitz.com/edit/two-thumb-slider
- Size: 29.3 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Two Thumb Slider
## Parameters:
| **Name** | **Type** | **Default** | **Description** |
| -------- | -------- | ----------- | -------------------------------------- |
| min | number | 0 | Specifies the minimum value allowed |
| max | number | 100 | Specifies the maximum value allowed |
| step | number | 1 | Specifies the legal number intervals |
| value0 | number | 33 | Specifies the value of the left thumb |
| value1 | number | 67 | Specifies the value of the right thumb |
## Event:
| **Name** | **Type** | **Description** |
| -------- | ------------------------------------------------ | --------------------------------------------------- |
| change | EventEmitter<{ value0: number; value1: number }> | Triggers on left thumb or right thumb value changes |
## Methods:
| **Name** | **Description** |
| -------------- | ---------------------------------------- |
| value0StepDown | Decrements left thumb value by one step |
| value0StepUp | Increments left thumb value by one step |
| value1StepDown | Decrements right thumb value by one step |
| value1StepUp | Increments right thumb value by one step |
[Edit on StackBlitz ⚡️](https://stackblitz.com/edit/two-thumb-slider)