open-index/open-npm huggingface dataset:
npm package: @jkrmarmol/react-native-otp-input
Description: React Native OTP Input is a lightweight, customizable, and fully typed OTP (One-Time Password) input component built for modern React Native applications.
Author: Kurt Russelle Marmol
Latest version: 0.2.3

# @jkrmarmol/react-native-otp-input

A lightweight, **pure React Native** OTP input component for iOS, Android, and Web — no dependencies, fully customizable, and smooth keyboard handling across platforms.

## ✨ Features

- 🔢 Dynamic OTP length (default: 6)
- 🔒 Optional secure input (e.g., for PINs)
- 🧠 Smart auto-focus and backspace navigation
- 🌐 Works on React Native Web
- 🎨 Customizable styles for inputs and container
- ✅ Prevents skipping inputs or random field focus

## 📦 Installation

## Installation

```bash
npm install @jkrmarmol/react-native-otp-input
# or
yarn add @jkrmarmol/react-native-otp-input
```

## 📸 Preview

<p>
  <img src="./gif/web.gif" alt="OTP Input Preview" width="400" />
  <br />
  <img src="./gif/android.gif" alt="OTP Input Preview" width="200" />
  <img src="./gif/ios.gif" alt="OTP Input Preview" width="200" />
</p>

## 🧪 Example

```js
import { View, StyleSheet } from 'react-native';
import OTPInput from '@jkrmarmol/react-native-otp-input';

export default function App() {
  return (
    <View style={styles.container}>
      <OTPInput
        length={6}
        onChangeOTP={(otp) => console.log(otp)}
        inputStyle={{
          backgroundColor: '#f0f0f0',
          borderBottomWidth: 0,
          borderRadius: 5,
        }}
      />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
});
```

| Prop             | Type                    | Default | Description                                                 |
| ---------------- | ----------------------- | ------- | ----------------------------------------------------------- |
| `length`         | `number`                | `6`     | Number of OTP digits                                        |
| `onChangeOTP`    | `(otp: string) => void` | `-`     | Callback when OTP input changes                             |
| `secure`         | `boolean`               | `false` | Masks input (like passwords or PINs)                        |
| `containerStyle` | `StyleProp<ViewStyle>`  | `-`     | Custom style for the container                              |
| `inputStyle`     | `StyleProp<TextStyle>`  | `-`     | Custom style for each input box                             |
| `cursorColor`    | `ColorValue`            | `-`     | Sets the cursor color of each input (Only works on Android) |

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

[MIT](./LICENSE)

---

Created with ❤️ by [Kurt Russelle Marmol](github.com/jkrmarmol)
npm package: @jkroepke/featurebook-api
Description: FeatureBook's API
Author: Jan-Otto Kröpke
Latest version: 2.0.1

[![Build Status](https://github.com/jkroepke/featurebook-js/workflows/CI/badge.svg)](https://github.com/jkroepke/featurebook-js)
[![npm](https://img.shields.io/npm/dw/@jkroepke/featurebook-api)](https://www.npmjs.com/package/@jkroepke/featurebook-api)
[![npm version](https://img.shields.io/npm/v/@jkroepke/featurebook-api)](https://www.npmjs.com/package/@jkroepke/featurebook-api)
[![dependencies Status](https://david-dm.org/jkroepke/featurebook-js/status.svg?path=packages/featurebook-api)](https://david-dm.org/jkroepke/featurebook-js?path=packages/featurebook-api)
[![Code Climate](https://codeclimate.com/github/jkroepke/featurebook-js/badges/gpa.svg)](https://codeclimate.com/github/jkroepke/featurebook-js-api)
[![Test Coverage](https://codeclimate.com/github/jkroepke/featurebook-js/badges/coverage.svg)](https://codeclimate.com/github/jkroepke/featurebook-js/coverage)
[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lerna.js.org/)

# featurebook-api

> FeatureBook's API

Fork of https://github.com/SOFTWARE-CLINIC/featurebook-api