React-number

A react component for numbers input based on radix-ui.

Basic structure

import { Number, NumberDecrement, NumberField, NumberIncrement, NumberValue } from './Number';

<Number>
  <NumberField>
    <NumberIncrement />
    <NumberValue />
    <NumberDecrement />
  </NumberField>
</Number>

Enhanced structure

import { Number, NumberDecrement, NumberField, NumberIncrement, NumberValue } from './Number';

<Number>
  {({ focused, invalid }) => (
    <NumberField>
      <NumberIncrement />
      <NumberValue />
      <NumberDecrement />
    </NumberField>
  )}
</Number>