Docs / Components

SenseKnobComponent

Circular dial control for numeric values with pointer drag and keyboard adjustment from @artificialsenselabs/ui.

Live demo: run nx serve showcase and open /components/knob (port 4202).

Overview

Category: Form controls. Selector: sense-knob. Import: import { SenseKnobComponent } from '@artificialsenselabs/ui';

Accessibility

  • Dial exposes role="slider" with localized label and value text.
  • Arrow keys adjust value within min/max bounds.
  • Disabled state removes the control from the tab order.