Component: Locale-aware Currency Input

Offen
  • Stimmt etwas nicht?
#5 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 1 Tag

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Anfängerfreundlichkeit
35/100
Issue-Typ
Feature
Klarheit
Klar beschrieben
Aktivitätsstatus
Veraltet
Tech-Stack
react, tailwindcss, typescript
Bereich
frontend, internationalization

Rechercherichtung

Read CONTRIBUTING.md, then inspect existing components in src/registry/components/ and their documentation under content/docs/components/. Build a locale-aware currency input with the specified props, formatting, currency support, RTL handling, accessibility, and Tailwind compatibility. Done means the component source and a documentation page are added.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

component currency good first issue

Component: Locale-aware Currency Input

Build a currency input component that formats and parses currency values based on the user's locale.

Requirements
  • TypeScript-first with exported props interface
  • Uses Intl.NumberFormat for currency formatting
  • Supports all ISO 4217 currency codes
  • RTL-aware
  • Accessible (proper labels, ARIA)
  • Tailwind CSS compatible
Expected API
<CurrencyInput
  value={1234.56}
  currency="EUR"
  locale="de-DE"
  onChange={(value) => setAmount(value)}
/>
Deliverables
  • Component source in src/registry/components/
  • Documentation page in content/docs/components/

See CONTRIBUTING.md.

Vorherrschende Sprache
TypeScript
Sterne
39
Forks
16
Ø Merge
18 Std. 14 Min.
Gemergte PRs (30 T.)
35

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus babelize/babelize-elements

Alle Issues in babelize/babelize-elements

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.