Ruixen Pro early-bird — $59 lifetime, then $7905d00h03m26sLock in $59

Command Palette

Search for a command to run...

Docs
Correct Number Input

Correct Number Input

React input component — a number input with floating label and custom increment/decrement buttons.

Installation

Usage

The Correct Number Input component provides a user-friendly way to input numeric values with increment and decrement buttons. It features a floating label that moves up when the input is focused or has a value, and custom chevron buttons for adjusting the value.

<CorrectNumberInput />

Features

  • Floating label design
  • Custom increment/decrement buttons
  • Zero value shown as empty to avoid label overlap
  • Input validation for numeric values only
  • Responsive design with dark mode support