rn-keypad-component-cli/template/Keypad/constants.ts

CLI to add the Keypad component to your React Native project

export const DEFAULTS = {
  // ===== PIN Config =====
  pinLength: 4,
  borderRadius: 30,
  gridGap: 10,
  keypadTextSize: 24,
  theme: "light",
  dotWidth: 16,
  dotHeight: 16,

  // ===== Color Config =====
  emptyDotColor: "#ccc",
  dotColorLight: "#666",
  dotColorDark: "#444",
  keyboardColorLight: "#eee",
  keyboardColorDark: "#222",
  textColorLight: "#000",
  textColorDark: "#fff",

  // ===== Feature Toggles =====
  displayKeypadBg: false,
  useFaceId: false,
  applyFaceIdButtonBackground: true,
};

// ===== Animation Config =====
export const ANIMATION_VALUES = {
  offset: 10,
  timing: 80,
  damping: 14,
};