MUI OTP input

An OTP input designed for the React library MUI

[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/viclafouch/mui-otp-input/blob/main/LICENSE) ![ts](https://badgen.net/badge/Built%20With/TypeScript/blue) [![npm](https://img.shields.io/npm/v/mui-one-time-password-input)](https://www.npmjs.com/package/mui-one-time-password-input)

## Installation ``` // with npm npm install mui-one-time-password-input // with yarn yarn add mui-one-time-password-input // with pnpm pnpm add mui-one-time-password-input ``` ## Usage ```jsx import React from 'react' import { MuiOtpInput } from 'mui-one-time-password-input' const MyComponent = () => { const [otp, setOtp] = React.useState('') const handleChange = (newValue) => { setOtp(newValue) } return ( ) } ``` ## Next.js integration Learn how to use MUI OTP Input with [Next.js](https://nextjs.org/). Once you have installed `MUI OTP Input` in your next.js project, it is important to transpile it as it is an ESM package first. ```js // next.config.mjs /** @type {import('next').NextConfig} */ const nextConfig = { transpilePackages: ['mui-one-time-password-input'], // your config } export default nextConfig ``` ## [Documentation](https://viclafouch.github.io/mui-otp-input/) ## Changelog Go to [Github Releases](https://github.com/viclafouch/mui-otp-input/releases) ## TypeScript This library comes with TypeScript "typings". If you happen to find any bugs in those, create an issue. ### 🐛 Bugs Please file an issue for bugs, missing documentation, or unexpected behavior. ### 💡 Feature Requests Please file an issue to suggest new features. Vote on feature requests by adding a 👍. This helps maintainers prioritize what to work on. ## LICENSE MIT