Components

Keypad

A number pad for typing an amount on a phone.

Import

import { Keypad } from '@rinzai/zen';

API reference

<Keypad>

A number pad for typing an amount on a phone, where the system keyboard covers half the screen. The value is the text typed ("12.5"), so a trailing point or zero stays until you convert it: no leading zeros, one point, at most decimals digits after it.

Prop	Type	Default
`onValueChange`Required	`(value: string) => void`	`—`
`value`Required What's been typed, e.g. "12.5".	`string`	`—`
`aria-label`	`string`	`Keypad`
`className`	`string`	`—`
`decimals` Digits allowed after the point (default 2; 0 hides the point).	`number`	`2`
`deleteLabel` The delete key's name for screen readers.	`string`	`Delete`
`maxLength`	`number`	`12`