- Remove ScrubInput aliases, app wrappers, test hooks, and translated legacy references - Share a Tailwind NumberField demo between Storybook and VitePress - Generate component API tables from Vue metadata and type-check examples with Twoslash - Upgrade the docs stack to VitePress 2
21 lines
563 B
Markdown
21 lines
563 B
Markdown
---
|
|
title: useNumberField
|
|
description: Context helper for custom NumberField descendants.
|
|
---
|
|
|
|
# useNumberField
|
|
|
|
`useNumberField()` reads the context provided by `NumberFieldRoot`. Use it inside custom field
|
|
parts that need the canonical value, draft, state attributes, ARIA attributes, or actions.
|
|
|
|
It throws when called outside a `NumberFieldRoot` subtree.
|
|
|
|
```ts
|
|
import { useNumberField } from '@open-pencil/vue'
|
|
|
|
const field = useNumberField()
|
|
field.actions.startEdit()
|
|
```
|
|
|
|
See [NumberField](../components/number-field) for the complete context and anatomy.
|