Components
Loading preview...
This is a sleek, minimal number input with custom chevron buttons and a floating label. It hides the browser’s default arrows, keeps the label clean, and ensures 0 doesn’t overlap, working seamlessly in both light and dark themes.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/correct-number-inputimport CorrectNumberInput from "@/components/ui/correct-number-input";
export default function DemoOne() {
return <CorrectNumberInput />;
}