class Slider
extends Box
import { Slider } from "https://deno.land/x/tui@2.1.11/src/components/mod.ts";
Component for creating interactive sliders
Examples
Example 1
Example 1
new Slider({
parent: tui,
min: 1,
max: 10,
value: 5,
step: 1,
adjustThumbSize: true,
orientation: "horizontal",
rectangle: {
column: 1,
row: 1,
height: 2,
width: 10,
},
theme: {
base: crayon.bgBlue,
thumb: { base: crayon.bgMagenta },
},
zIndex: 0,
});
Constructors
new
Slider(options: SliderOptions)Properties
adjustThumbSize: Signal<boolean>
max: Signal<number>
min: Signal<number>
orientation: Signal<SliderOrientation>
step: Signal<number>
theme: SliderTheme
value: Signal<number>