2026-03-24 20:24:08 +00:00
|
|
|
---
|
|
|
|
|
title: ScrubInputRoot
|
2026-07-10 19:26:51 +00:00
|
|
|
description: Deprecated compatibility alias for NumberFieldRoot.
|
2026-03-24 20:24:08 +00:00
|
|
|
---
|
|
|
|
|
|
|
|
|
|
# ScrubInputRoot
|
|
|
|
|
|
2026-07-10 19:26:51 +00:00
|
|
|
::: warning Deprecated
|
|
|
|
|
Use [`NumberFieldRoot`](./number-field). `ScrubInputRoot` is a compatibility alias backed by the
|
|
|
|
|
same implementation and will be removed in a future cleanup release.
|
|
|
|
|
:::
|
2026-03-24 20:24:08 +00:00
|
|
|
|
2026-07-10 19:26:51 +00:00
|
|
|
Existing `modelValue`, `min`, `max`, `step`, `sensitivity`, `placeholder`, `update:modelValue`,
|
|
|
|
|
`commit`, and `editing-change` contracts remain available. The root slot now also exposes the
|
|
|
|
|
NumberField state, canonical `attrs` bag, expression input, keyboard stepping, and binding-aware
|
|
|
|
|
state.
|
2026-03-24 20:24:08 +00:00
|
|
|
|
2026-07-10 19:26:51 +00:00
|
|
|
## Migration
|
2026-03-24 20:24:08 +00:00
|
|
|
|
2026-07-10 19:26:51 +00:00
|
|
|
```diff
|
|
|
|
|
-import { ScrubInputRoot, ScrubInputField, ScrubInputDisplay } from '@open-pencil/vue'
|
|
|
|
|
+import { NumberFieldRoot, NumberFieldInput, NumberFieldValue } from '@open-pencil/vue'
|
2026-03-24 20:24:08 +00:00
|
|
|
```
|
|
|
|
|
|
2026-07-10 19:26:51 +00:00
|
|
|
See [NumberField](./number-field) for the complete anatomy and interaction contract.
|