html 车牌号键盘,React 实现车牌键盘的示例代码_放手_前端开发者

vehicle-plate-keyboard

React 实现的车牌键盘。

https://github.com/LiuuY/vehicle-plate-keyboard

💡 Features

省份 + 字母/数字 + ‘港澳学警领’

新能源车牌

自动判断当前位置可输入字符类型

🚗 Demo

Demo

eb6d0a741211f7ebdebb12343d281ab3.gif

📷 Screenshots

32aebc03c420f939b8a2bd5bc69a841d.png

c9a706012c72664da13a86ad358084ad.png

f4c902e9f0750699d3382a11e3d33577.png

📦 Installation

yarn add vehicle-plate-keyboard

🔨 Usage

import LicenseKeyboard from 'vehicle-plate-keyboard';

import 'vehicle-plate-keyboard/dist/main.

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持前端开发者。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值