3.0.12 • Published 8 months ago
@glav-kod/react-timeline-range-slider v3.0.12
Typescript react timeline range slider
Installation
yarn add @glav-kod/react-timeline-range-slider
Props
type Props = {
/**
* Selected interval inside the timeline
*/
selectedInterval: TimelineInterval,
/**
* Callback function to handle changes to the selected interval
* @param interval - The updated TimelineInterval
*/
onChange: (interval: TimelineInterval) => void,
/**
* Callback function to handle live updates to the selected interval
* @param interval - The updated TimelineInterval
*/
onUpdate?: (interval: TimelineInterval) => void
}
Example
import React, {useState} from "react";
import TimeRange, {TimelineInterval} from "@glav-kod/react-timeline-range-slider";
import "./App.css";
const initialInterval = TimelineInterval.FromString("00:00", "24:00");
function App() {
const [selectedInterval, setSelectedInterval] = useState<TimelineInterval>(initialInterval);
function handleChange(selectedInterval: TimelineInterval) {
setSelectedInterval(selectedInterval);
}
return (
<TimeRange
selectedInterval={selectedInterval}
onChange={handleChange}
/>
);
}
export default App;
Feature Requests
If you have any ideas for new features or improvements for this library, we welcome your input! Please feel free to create a new issue on our GitHub repository. We appreciate your feedback and will consider your suggestions for future updates.
Thank you for helping us make this library even better!
3.0.12
8 months ago
3.0.11
8 months ago
3.0.10
8 months ago
3.0.9
8 months ago
3.0.7
8 months ago
3.0.6
8 months ago
3.0.5
8 months ago
3.0.4
8 months ago
3.0.3
8 months ago
3.0.2
8 months ago
3.0.1
8 months ago
3.0.0
8 months ago
2.0.5
8 months ago
2.0.4
8 months ago
2.0.3
8 months ago
2.0.2
8 months ago
2.0.1
8 months ago
2.0.0
8 months ago