0.46.1 • Published 9 months ago

@clds/trim-slider v0.46.1

Weekly downloads
-
License
-
Repository
github
Last release
9 months ago

@clds/trim-slider


npm version

This is trimmer component, it was designed to trim video files

Installation

Install the package using Yarn:

yarn add @cld/trim-slider

Usage

import TrimSlider from '@cld/trim-slider';

const MyComponent = () => {
  return <TrimSlider />;
};

Props

NameRequiredTypeDefaultDescription
minNonumber0The minimum value of the slider
maxNonumber100The maximum value of the slider
stepNonumber1Value to be added or subtracted on each step the slider makes. Must be greater than zero. max - min should be evenly divisible by the step value
valueNonumber, numbermin, maxAn array with 2 numbers, the first value will determine the left handle and the second value will determine the right handle
showTooltipNobooleantrueShould a tooltip appear above the handles when dragging it
disabledNobooleanfalseIndicates if the slider is disabled
tooltipValueRendererNofunction(value) => valueThis allows you to control the value that will be presented inside the tooltip
onChangeNofunction-Callback called on every value change. The function will be called with two arguments, the new value(s) and the side that was changed, available values are left, right, both.
onSlideStartNofunction-Callback called on mouse down. The function will be called without any arguments
onSlideEndNofunction-Callback called on mouse up. The function will be called without any arguments

Versioning

This library follows Semantic Versioning.

License

See LICENSE

0.46.0

10 months ago

0.46.1

9 months ago

0.44.4

10 months ago

0.44.2

11 months ago

0.44.3

10 months ago

0.44.0

11 months ago

0.44.1

11 months ago

0.45.3

10 months ago

0.45.1

10 months ago

0.45.2

10 months ago

0.45.0

10 months ago

0.42.0

1 year ago

0.41.1

1 year ago

0.43.0

11 months ago

0.42.1

1 year ago

0.40.0

1 year ago

0.41.0

1 year ago

0.39.0

1 year ago

0.39.2

1 year ago

0.42.4

12 months ago

0.43.1

11 months ago

0.42.2

1 year ago

0.42.3

12 months ago

0.38.0

2 years ago

0.37.0

2 years ago

0.33.10

2 years ago

0.33.7

2 years ago

0.36.3

2 years ago

0.33.6

2 years ago

0.36.2

2 years ago

0.35.3

2 years ago

0.33.5

2 years ago

0.36.1

2 years ago

0.35.2

2 years ago

0.36.0

2 years ago

0.35.1

2 years ago

0.33.3

2 years ago

0.32.4

2 years ago

0.35.0

2 years ago

0.33.2

2 years ago

0.34.0

2 years ago

0.33.1

2 years ago

0.33.0

2 years ago

0.33.9

2 years ago

0.33.8

2 years ago

0.32.3

2 years ago

0.32.2

2 years ago

0.32.1

2 years ago

0.32.0

2 years ago

0.31.1

2 years ago

0.30.1

2 years ago

0.30.0

2 years ago

0.29.0

2 years ago

0.28.1

2 years ago