GGenomics UI
Components/Controls

Slider

@genomics/slider

Dependency-free single-value slider.

Preview

Color
Height
200
Sample kinase domain
279 aa · 1–279
279 aa
Use arrow keys to move along the sequence, Shift plus arrow to jump ten, Home and End for the ends, Enter to select, Space to add to the selection, Escape to clear.

tooltip + select + slider, all dependency-free, driving a live viewer.

About

Thresholds, zoom levels, minimum coverage, significance cutoffs — the controls that sit above a viewer and change what it draws. Keyboard accessible, no Radix or other runtime dependency, so adding one control doesn't pull a component library into a registry designed to ship plain source.

Usage

import { Slider } from "@/components/ui/slider"

<Slider aria-label="Height" min={120} max={360} step={20} value={height} onValueChange={setHeight} />
Registry dependencies
@genomics/utils
Source: components/ui/slider.tsx