Command Palette

Search for a command to run...

Docs
Correct Number Input

Correct Number Input

A number input with floating label and custom increment/decrement buttons

Loading...

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