mantinedev / mantine

A fully featured React components library
https://mantine.dev
MIT License
26.87k stars 1.9k forks source link

Pin Input Component #3129

Closed whoisandy closed 1 year ago

whoisandy commented 1 year ago

Discussed in https://github.com/mantinedev/mantine/discussions/3128

Originally posted by **whoisandy** December 6, 2022 First off thanks for an amazing component library! It would be cool to add a `PinInput` component to the core package as well. Could be used to capture any one time passwords or verification codes used to login during auth or 2fa process? Check out a working [example here](https://hqwr3g.csb.app). The code to the `PinInput` component can be found [here](https://codesandbox.io/s/focused-monad-hqwr3g?file=/src/PinInput.tsx). This example above has a bare minimum code to explore the functionality needed for a pin input, similar the [pin input component](https://chakra-ui.com/docs/components/pin-input) in `@chakra-ui` framework. ![CleanShot 2022-12-06 at 20 10 03](https://user-images.githubusercontent.com/297132/205941761-f0653713-075a-48e5-9724-d6c55a8178eb.gif)
rtivital commented 1 year ago

Please use issues only to report issues with the library, for feature requests use discussions.