@rxova/react-inputs
v1.1.1
Published
The complete rxova suite: currency, rating, OTP, password, phone, date, time, tags and file inputs for React from a single install.
Readme
The complete rxova suite of headless, accessible React input components, from a single install.
npm install @rxova/react-inputsimport { useState } from "react";
import { CurrencyInput, Rating, OtpInput } from "@rxova/react-inputs";
function Checkout() {
const [price, setPrice] = useState<number | null>(null);
const [score, setScore] = useState(0);
const [code, setCode] = useState("");
return (
<>
<CurrencyInput locale="en-US" currency="USD" value={price} onChange={setPrice} />
<Rating value={score} onChange={setScore} precision={0.5} label="Rate your meal" />
<OtpInput length={6} value={code} onChange={setCode} label="One-time code" />
</>
);
}What's inside
This is a meta-package that re-exports the individual components. Because every package is
sideEffects: false, your bundler drops whatever you don't import — a single-component import from
here costs the same as installing that package directly.
| Exports | Package | Docs |
| ----------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------- |
| CurrencyInput, useCurrencyInput, currencyForCountry | @rxova/react-intl-currency-input | Currency |
| Rating, useRating | @rxova/react-rating-input | Rating |
| OtpInput, OtpGroup, OtpSlot, OtpSeparator, useOtpInput, useWebOTP | @rxova/react-otp-input | OTP |
Prefer the narrowest dependency surface? Install the standalone packages instead — the import paths are otherwise identical.
Requires React 18 or 19 — the only peer dependency (currency also peers react-dom). Dual
ESM/CJS builds with types for both, published with npm provenance.
Documentation
Guides, live editable examples and the generated API reference live at rxova.dev/packages/react-inputs — accessibility, styling and form-library guidance sit on each component's About page, for example Currency › About.
License
MIT © rxova
