keyevent-g

---
Keyevent component based with React

[![NPM version][npm-image]][npm-url]

[npm-image]: https://img.shields.io/npm/v/keyevent-g.svg
[npm-url]: https://www.npmjs.com/package/keyevent-g

Screenshot

Demo

online example: https://favori.gitee.io/gantd-landing (CodePen)

install

![keyevent-g](https://npmjs.org/package/keyevent-g)

Feature

- Supports custom key combinations
- Supports focus state

Usage

``js import React, { useState, useCallback } from 'react' import { Modal, Button } from 'antd'; import withKeyevent from 'keyevent-g';

function BasicUse() { const [visible, setVisible] = useState(false);

const handlerVisible = useCallback(() => { setVisible(!visible) },[visible]) return withKeyevent(


      
              title="弹框标题"
        visible={visible}
        onCancel={handlerVisible}
        onOk={handlerVisible}
        cancelText="取消"
        okText="确定"
      >
        
          弹框内容

,
    {
      onMetaShiftU: handlerVisible
    }
  )
}

React.render(, mountNode);``

API

Documentation

Contact

- Create a Github issue for bug reports, feature requests, or questions
- Follow @GantFDT for announcements
- Add a ⭐️ star on GitHub to support the project❤️!

Anthor

GantFDT

License

MIT