react-native-keypad-component/src/constants.ts

Customizable keypad component for react native

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,
};