react-input-pin-code
Version:
Pin input built with React component and styled-components
1 lines • 1.67 kB
Source Map (JSON)
{"version":3,"file":"types-CH8HT4NO.d.ts","sources":["../src/components/pin-input/types.ts"],"sourcesContent":["import type { ComponentProps, FC } from 'react';\r\n\r\nexport type Props = {\r\n values: string[];\r\n type?: 'number' | 'text' | undefined;\r\n mask?: boolean | undefined;\r\n size?: 'xs' | 'sm' | 'md' | 'lg' | undefined;\r\n validate?: string | string[] | RegExp | undefined;\r\n format?: ((char: string) => string) | undefined;\r\n showState?: boolean | undefined;\r\n autoFocus?: boolean | undefined;\r\n autoTab?: boolean | undefined;\r\n containerClassName?: ComponentProps<'div'>['className'] | undefined;\r\n containerStyle?: React.CSSProperties | undefined;\r\n inputClassName?: ComponentProps<'div'>['className'] | undefined;\r\n inputStyle?: React.CSSProperties | undefined;\r\n borderColor?: string | undefined;\r\n errorBorderColor?: string | undefined;\r\n focusBorderColor?: string | undefined;\r\n validBorderColor?: string | undefined;\r\n onChange?: ((\r\n value: string | string[],\r\n index: number,\r\n values: string[]\r\n ) => void) | undefined;\r\n onComplete?: ((values: string[]) => void) | undefined;\r\n} & Pick<\r\n React.InputHTMLAttributes<HTMLInputElement>,\r\n | 'aria-describedby'\r\n | 'aria-label'\r\n | 'aria-labelledby'\r\n | 'autoComplete'\r\n | 'disabled'\r\n | 'id'\r\n | 'inputMode'\r\n | 'name'\r\n | 'onBlur'\r\n | 'onFocus'\r\n | 'onKeyDown'\r\n | 'placeholder'\r\n | 'required'\r\n>;\r\n\r\nexport type Component = FC<Props>;\r\n"],"names":[],"mappings":";;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;;"}