woorifisa6-currency-calculator

A reusable React component for currency conversion. Built for simple integration in various front-end projects.

🌍 Features

• Select source and destination currencies
• Input amount and instantly see converted result
• Real-time updates on select changes
• Beautiful flag icons via circle-flags
• Default styling and customization support

🚀 Installation

npm install woorifisa6-currency-calculator

🧩 Usage

import { CurrencyForm } from "woorifisa6-currency-calculator";
import 'woorifisa6-currency-calculator/styles.css';

function App() {
  return (
    <CurrencyForm
      from="kr"
      to="us"
      bgColor="#f0f4f8"
      onClose={() => console.log("Closed")}
    />
  );
}

🎛️ Props

| Prop | Type | Required | Default | Description | |----------|----------|----------|-------------|-------------| | from | string | ✅ | – | Source country code (e.g., "kr") | | to | string | ✅ | – | Destination country code (e.g., "us") | | bgColor| string | ❌ | "#f1f5f9" | Background color for the component | | onClose| func | ❌ | () => {} | Function to handle "닫기" (Close) button action |

🏁 Country Code Reference

Use the following codes for from and to props:

"kr", "us", "eu", "jp", "cn", "gb", "ca", "au", "vn", "th", "ph", "tw"

📦 Build

This package includes:

• UMD: dist/index.umd.js
• ESM: dist/index.es.js

🔖 License

MIT © 2026 mhsong