Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Component: Locale-aware Currency Input

Aperta
#5 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
5/5
Tempo stimato
Più di una settimana
Idoneità per principianti
35/100
Tipo di issue
Funzionalità
Chiarezza
Specificata chiaramente
Stato di attività
Ferma
Stack tecnologico
react, tailwindcss, typescript

Direzione di ricerca

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.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

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.

Lingua principale
TypeScript
Stelle
39
Fork
16
Merge medio
2g 12h
PR unite (30g)
10

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di babelize/babelize-elements

Tutte le issue di babelize/babelize-elements

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.