layouts numeric.ts

100% Statements 1/1

100% Branches 0/0

100% Functions 0/0

100% Lines 1/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23  
 
 
 
 
 
 
 
 
 
 
 
4x
 
 
 
 
 
 
 
 
 
  import { createLayout } from "../engine/createLayout";
import { BACKSPACE_KEY } from "./qwerty";
 
/**
 * A 3×3 + zero numeric pad — ideal for PIN entry and numeric fields.
 *
 * @example
 * ```tsx
 * import { VirtualKeyboard, numericLayout } from "@usefy/virtual-keyboard";
 * <VirtualKeyboard layouts={numericLayout} maxLength={4} />;
 * ```
 */
export const numericLayout = createLayout({
  name: "numeric",
  label: "Numeric",
  rows: [
    ["1", "2", "3"],
    ["4", "5", "6"],
    ["7", "8", "9"],
    [{ key: "Clear", label: "clear", type: "action", action: "clear", ariaLabel: "Clear" }, "0", BACKSPACE_KEY],
  ],
});