
Security News
PodRocket Podcast: Inside the Recent npm Supply Chain Attacks
Socket CEO Feross Aboukhadijeh discusses the recent npm supply chain attacks on PodRocket, covering novel attack vectors and how developers can protect themselves.
@spark-web/currency-input
Advanced tools
--- title: Currency Input storybookPath: forms-currency-input--default isExperimentalPackage: true ---
Currency input provides a way for inputting money values. Note that this
component is similar to the FloatInput
component with
the difference that this component has 2 fraction digits enforced and a currency
symbol starting adornment.
const [value, setValue] = React.useState(1000);
return (
<Stack gap="large">
<Field label="Example controlled">
<CurrencyInput value={value} onChange={v => setValue(v)} />
</Field>
<Text>The current value is: {value}</Text>
</Stack>
);
You can specify what currency type you'd like for the currency symbol adornment at the start of the input component. If unspecified, the currency symbol adornment will default to AUD. Note that the currency codes are references to the respective currency's ISO 4217 currency codes.
<Stack gap="large">
<Field label="Currency symbols">
<CurrencyInput currencyType="EUR" />
<CurrencyInput currencyType="RMB" />
<CurrencyInput currencyType="KRW" />
</Field>
</Stack>
Note that CurrencyInput
also extends FloatInput
's
props and are not listed here.
FAQs
--- title: Currency Input storybookPath: forms-currency-input--default isExperimentalPackage: true ---
We found that @spark-web/currency-input demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Socket CEO Feross Aboukhadijeh discusses the recent npm supply chain attacks on PodRocket, covering novel attack vectors and how developers can protect themselves.
Security News
Maintainers back GitHub’s npm security overhaul but raise concerns about CI/CD workflows, enterprise support, and token management.
Product
Socket Firewall is a free tool that blocks malicious packages at install time, giving developers proactive protection against rising supply chain attacks.