Degree Control

A rotary control for selecting angles with keyboard and mouse support.


Size Variants

Available in five sizes: icon, sm, md, lg, and xl

icon (24px)
sm (32px)
md (48px)
lg (64px)
xl (80px)
Current rotation: 0°

Constrained Mode

Limit the rotation range with min and max values

0-180° range
-45° to 45°
90° to 270°
Constrained rotation: 0°

Disabled State

Non-interactive state for read-only display

Disabled
Disabled (lg)

Keyboard Controls

Click on a control and use keyboard shortcuts

← →Rotate ±5°
Shift + ← →Rotate ±15°
Ctrl/Cmd + ← →Rotate ±1°
HomeGo to 0°
EndGo to 180°
Page Up/DownRotate ±45°

Interactive Demo

Try dragging the control, clicking on the track, or using keyboard shortcuts