openpencil/packages/docs/programmable/sdk/api/components/scrub-input-root.md
2026-03-24 23:24:08 +03:00

2.2 KiB

title description
ScrubInputRoot Headless root primitive for drag-to-scrub numeric input.

ScrubInputRoot

ScrubInputRoot is the headless root primitive for drag-to-scrub numeric input.

It manages:

  • mixed-value display
  • editing vs scrubbing state
  • pointer-driven numeric scrubbing
  • commit semantics for finished edits

Props

Model

Events

Slots

Example

<ScrubInputRoot v-model:model-value="value" @commit="commit" v-slot="ctx">
  <div @pointerdown="ctx.startScrub">
    <ScrubInputDisplay />
    <ScrubInputField class="w-16" />
  </div>
</ScrubInputRoot>