Components · Mobile only · Inputs
Numeric Keypad
AlphaiOS & Android
An on-screen keypad for amounts and PINs, with the locale’s decimal key.
Usage
@nexub/react-native
import { NumericKeypad } from '@nexub/react-native';
<NumericKeypad decimal onKey={press} />Interactive preview of @nexub/react-native rendered for the web. Native chrome (switches, pickers, Liquid Glass) looks like the platform on a device.
On device
iPhone (iOS simulator)
Pixel (Android emulator)
Screenshots from the latest CI run of the showcase app; the live frame renders the same code for the web.
NumericKeypad props
| Prop | Type | Default | Description |
|---|---|---|---|
| onKeyrequired | (key: string) => void | — | Called with '0'–'9', the decimal key or 'delete'. |
| decimal | boolean | — | Show the decimal key (money). |
| locale | string | — | — |
| style | StyleProp<ViewStyle> | — | — |