CurrencyField

Amount

Groups digits on blur

CurrencyField formats a monetary amount as you'd expect, grouping thousands on blur, while keeping a clean numeric value underneath.

Usage

import { CurrencyField } from "@sina-design-system/core";

<CurrencyField label="Amount" currencySymbol="$" defaultValue="25000" />

Examples

Symbols

Amount

States

Amount

Whole units

Amount

Enter an amount

Amount

Props

Prop	Type	Default	Description
`currencySymbol`	`string`	`"$"`	The symbol shown before the amount.
`label / description / error`	`ReactNode`	—	Passed through to the wrapping Field.

Formatting, not enforcement

This is display only. It won't stop an over-limit amount; that's the gate's job, on the server. A client-side input can always be bypassed, so SINA never trusts one for a limit.