formatCardNumber() — ui Function Reference

Architecture documentation for the formatCardNumber() function in field-demo.tsx from the ui codebase.

Function tsx Internationalization Dictionary called by 1

Entity Profile

Internationalization→ Dictionary→ formatCardNumber() — ui Function Reference

Dependency Diagram

graph TD
  66b0197a_b1c8_b739_75d0_6425d62dd51c["formatCardNumber()"]
  d3212926_0277_48c4_0b53_cc64137c8852["field-demo.tsx"]
  66b0197a_b1c8_b739_75d0_6425d62dd51c -->|defined in| d3212926_0277_48c4_0b53_cc64137c8852
  adc42a8b_357a_b0bd_2f1d_115c792e55b3["FieldDemo()"]
  adc42a8b_357a_b0bd_2f1d_115c792e55b3 -->|calls| 66b0197a_b1c8_b739_75d0_6425d62dd51c
  style 66b0197a_b1c8_b739_75d0_6425d62dd51c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(app)/examples/rtl/components/field-demo.tsx lines 70–73

function formatCardNumber(locale: string) {
  const formatter = new Intl.NumberFormat(locale, { useGrouping: false })
  return `${formatter.format(1234)} ${formatter.format(5678)} ${formatter.format(9012)} ${formatter.format(3456)}`
}