Installation

// with npm
npm install mui-otp-input-field@latest

Usage

import { useState } from "react";
import { MuiOtp } from "mui-otp-input-field";

const MyComponent = () => {
  const [otp, setOtp] = useState("");

  const handleChange = (newValue) => {
    setOtp(newValue);
  };

  return <MuiOtp value={otp} onChange={handleChange} />;
};

API Reference ( Props to the MuiOtp Component )

Note:Default selector for these hooks is "otp-container"

Please file an issue for bugs, missing documentation, or unexpected behavior.

Please raise an issue for any feature requests.

MIT