Zum Inhalt springen
fend-ui
Vorschau

Format-Helfer

Zahlen, Datum und Währung laufen über Intl mit der Sprache aus dem Provider. Die reinen Funktionen formatNumber, formatDate und formatCurrency funktionieren ohne React; useFormat() bindet sie an useFendUI().

Mit useFormat

Die drei Helfer übernehmen die Locale aus useFendUI(); ein Sprachwechsel in der Toolbar wirkt sofort.

  • Sprachede
  • Zahl1.234.567,89
  • Datum10. Nov. 2026
  • Währung1.234,50 €

Reine Funktionen

Ohne React-Kontext formatieren die Funktionen standardmäßig auf Deutsch und akzeptieren Intl-Optionen.

Zahl
1.234.567,89
Prozent
42 %
Datum
10. Nov. 2026
Währung
1.234,50 €

Optionen

Jede Funktion reicht Intl-Optionen durch, etwa style, currency oder weekday.

ts
formatNumber(0.423, { style: 'percent' })
formatDate(new Date(2026, 10, 10), { weekday: 'long' })
formatCurrency(1234.5, 'EUR', { maximumFractionDigits: 0 })