open-index/open-npm huggingface dataset:
npm package: @ivan-yeromenko/react-native-web-currency-search
Description: A cross-platform React & React Native component for selecting global currencies.   Easily searchable, customizable, and ready to drop into any project.
Author: Ivan Yeromenko
Latest version: 0.0.1

# 💱 Currency Component

A cross-platform React & React Native component for selecting global currencies.  
Easily searchable, customizable, and ready to drop into any project.

![Android](https://drive.google.com/uc?export=view&id=1wWR6Gp0w4KYtEr6g5A9KkoIaaC9BPiND)
![iOS](https://drive.google.com/uc?export=view&id=1EIe5UmmtlthVorLW0ZcjtHFtrRmfln8s)
![Web](https://drive.google.com/uc?export=view&id=1TiHlxtrH_HCf9ezokS6S64ITHwFlFzKe)

## ✨ Features

- Search and select from a list of global currencies
- Displays currency code, name, and symbol (e.g., `$ US Dollar (USD)`)
- Supports search by code or name
- Composable components (`Currency`, `Currency.SearchField`, `Currency.List`)
- Easy customization

## 📦 Installation

```bash
npm install @ivan-yeromenko/react-native-web-currency-search
# or
yarn add @ivan-yeromenko/react-native-web-currency-search
```

## 🧑‍💻 Usage

```tsx
import { Currency } from "@ivan-yeromenko/react-native-web-currency-search";
import { Text } from "react-native";

<Currency>
  <Currency.SearchField />
  <Currency.List onItemPress={(item) => console.log(item)} />
</Currency>;
```

## 🧩 Composable сomponents

### `<Currency />`
A container that combines all subcomponents.

### `<Currency.SearchField />`
An input field for searching currencies by code or name.

#### Props:

| Prop             | Type        | Description                                |
|------------------|-------------|--------------------------------------------|
| `containerStyle` | `StyleProp<ViewStyle>` | Styles for the search container |

### `<Currency.List />`
A list of currencies with selection support.

#### Props:

| Prop            | Type                          | Description                          |
|-----------------|-------------------------------|--------------------------------------|
| `onItemPress`   | `(item: CurrencyType) => void`| Callback when a currency is selected |

## 🌍 Platform Support

- ✅ React (Web)
- ✅ React Native (Android, iOS)