mirror of
				https://github.com/ionic-team/ionic-framework.git
				synced 2025-11-04 13:17:56 +08:00 
			
		
		
		
	Adds a new component `ion-input-otp` which provides the OTP input functionality - Displays as an input group with multiple boxes accepting a single character - Accepts `type` which determines whether the boxes accept numbers or text/numbers and determines the keyboard to display - Supports changing the displayed keyboard using the `inputmode` property - Accepts a `length` property to control the number of input boxes - Accepts the following properties to change the design: `fill`, `shape`, `size`, `color` - Accepts a `separators` property to show a separator between 1 or more input boxes - Supports the `disabled`, `readonly` and invalid states - Supports limiting the accepted input via the `pattern` property - Emits the following events: `ionInput`, `ionChange`, `ionComplete`, `ionBlur`, `ionFocus` - Exposes the following method: `setFocus` --------- Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> Co-authored-by: Shane <shane@shanessite.net>
		
			
				
	
	
		
			55 lines
		
	
	
		
			1.3 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			55 lines
		
	
	
		
			1.3 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
module.exports = {
 | 
						|
  "env": {
 | 
						|
    "browser": true,
 | 
						|
    "es2021": true,
 | 
						|
    "node": true
 | 
						|
  },
 | 
						|
  "extends": [
 | 
						|
    "eslint:recommended",
 | 
						|
    "plugin:@typescript-eslint/recommended",
 | 
						|
    "@ionic/eslint-config/recommended",
 | 
						|
    "prettier"
 | 
						|
  ],
 | 
						|
  "parser": "@typescript-eslint/parser",
 | 
						|
  "parserOptions": {
 | 
						|
    "ecmaVersion": "latest",
 | 
						|
    "sourceType": "module",
 | 
						|
    "project": "tsconfig.json"
 | 
						|
  },
 | 
						|
  "plugins": [
 | 
						|
    "@typescript-eslint",
 | 
						|
    "custom-rules"
 | 
						|
  ],
 | 
						|
  "rules": {
 | 
						|
    "@typescript-eslint/explicit-module-boundary-types": "off",
 | 
						|
    "@typescript-eslint/ban-ts-comment": "off",
 | 
						|
    "@typescript-eslint/no-unused-vars": [
 | 
						|
      "warn",
 | 
						|
      {
 | 
						|
        "varsIgnorePattern": "^(h|Fragment)$"
 | 
						|
      }
 | 
						|
    ],
 | 
						|
    "no-useless-catch": "off",
 | 
						|
    "@typescript-eslint/no-non-null-assertion": "off",
 | 
						|
    "no-case-declarations": "off",
 | 
						|
    "@typescript-eslint/strict-boolean-expressions": [
 | 
						|
      "error",
 | 
						|
      {
 | 
						|
        "allowNullableBoolean": true,
 | 
						|
        "allowNullableString": true,
 | 
						|
        "allowAny": true
 | 
						|
      }
 | 
						|
    ],
 | 
						|
    "custom-rules/no-component-on-ready-method": "error"
 | 
						|
  },
 | 
						|
  "overrides": [
 | 
						|
    {
 | 
						|
      "files": ["*.e2e.ts"],
 | 
						|
      "rules": {
 | 
						|
        "custom-rules/await-playwright-promise-assertion": "error",
 | 
						|
        "custom-rules/no-playwright-to-match-snapshot-assertion": "error"
 | 
						|
      }
 | 
						|
    }
 | 
						|
  ]
 | 
						|
};
 |