Skip to content

Commit

Permalink
Incorproate flaviens feedback
Browse files Browse the repository at this point in the history
  • Loading branch information
colmtuite committed May 30, 2024
1 parent 1129343 commit cebc5ec
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions docs/data/base/components/number-field/number-field.md
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ NumberField is implemented using a collection of related components:
- `<NumberField.Input />` is the input itself.
- `<NumberField.Increment />` is an optional button for incrementing the input value.
- `<NumberField.Decrement />` is an optional button for decrementing the input value.
- `<NumberField.ScrubArea />` can wrap a area, icon, or `<label/>` to make it scrubbable.
- `<NumberField.ScrubArea />` can wrap an area, icon, or `<label/>` to make it scrubbable.
- `<NumberField.ScrubAreaCursor />` is an optional component for rendering a virtual cursor while scrubbing.

```tsx
Expand Down Expand Up @@ -156,7 +156,7 @@ The `format` prop accepts [`Intl.NumberFormat` options](https://developer.mozill

## Scrubbing

The `ScrubArea` subcomponent lets users scrub the value with their pointer as a faster alternative to the stepper buttons. This is useful in high-density UIs, such as an image editor that changes the width, height, or location of a layer. You could wrap an icon or a `<label/>` in the `ScrubArea` component.
The `ScrubArea` subcomponent lets users increment/decrement the value via a click+drag interaction with pointer, as a faster alternative to the stepper buttons. This is useful in high-density UIs, such as an image editor that changes the width, height, or location of a layer. You could wrap an icon or a `<label/>` in the `ScrubArea` component.

{{"demo": "UnstyledNumberFieldScrub.js"}}

Expand Down

0 comments on commit cebc5ec

Please sign in to comment.