Angle Slider
A circular angle picker dial with a draggable handle on the circumference for selecting an angle in degrees (0..360).
Preview
Attributes
| Attribute | Type | Default | Description |
|---|---|---|---|
value | number | 0 | Current angle in degrees |
size | number | 120 | Diameter of the dial in px |
step | number | 1 | Snap step in degrees |
marks | string | — | Comma-separated list of degrees to show tick marks |
disabled | boolean | — | Disables interaction |
Installation
pura is copy-paste and dependency-free. Load the whole library, or just this component.
<link rel="stylesheet" href="/pura/tokens.css">
<script type="module" src="/pura/lib/angle-slider.js"></script>import "./pura/lib/angle-slider.js";