React 자동차 키보드 구현 예시 코드

vehicle-plate-keyboard
React 가 구현 한 자동차 번호판 키보드.
https://github.com/LiuuY/vehicle-plate-keyboard
💡 Features
성+자모/숫자+'홍콩,마카오 학 경 령'
신 에너지 번호판
현재 위 치 를 자동 으로 판단 하여 문자 형식 을 입력 할 수 있 습 니 다.
🚗 Demo
Demo

📷 Screenshots



📦 Installation

yarn add vehicle-plate-keyboard

🔨 Usage

import LicenseKeyboard from 'vehicle-plate-keyboard';
import 'vehicle-plate-keyboard/dist/main.css';

...

<LicenseKeyboard
  visible={state.showKeyboard}
  onChange={value => setState({ value })}
  value={state.value}
  done={() => setState({ showKeyboard: false })}
/>

API
props
type
description
visiable
boolean
keyboard visible
onChange
(value: string) => void
trigger when user tap
value
string
controlled value
done
() => void
trigger when keyborad dismiss
confirmButtonStyle
React.CSSProperties
confirm button style
confirmButtonText
string
confirm button text
cellTextStyle
React.CSSProperties
keycell style
safeArea
boolean
show safearea
📝 License
MIT License
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.