NumberInput

Input with some useful functions for entering numerical values.

Source

Import

import {
  NumberInput,
  Stepper,
  IncrementStepper,
  DecrementStepper,
} from '@tremolo-ui/react'

Examples

Basic

Loading...

function App() {
  const [value, setValue] = useState(64)

  return (
    <div
      style={{
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center',
      }}
    >
      <NumberInput
        value={value}
        min={0}
        max={100}
        onChange={(v) => setValue(v)}
      >
        <Stepper>
          <IncrementStepper />
          <DecrementStepper />
        </Stepper>
      </NumberInput>
    </div>
  )
}