Options
theme
A prop to add your own css classes to the keyboard wrapper. You can add multiple classes separated by a space.
theme: "hg-theme-default"
simple-keyboard
Javascript Virtual Keyboard - Customizable, responsive and lightweight
- Welcome
- Getting Started
- Documentation
- Options
- layout
- layoutName
- display
- mergeDisplay
- theme
- buttonAttributes
- buttonTheme
- debug
- useMouseEvents
- useTouchEvents
- autoUseTouchEvents
- preventMouseDownDefault
- preventMouseUpDefault
- stopMouseDownPropagation
- stopMouseUpPropagation
- disableCaretPositioning
- useButtonTag
- newLineOnEnter
- tabCharOnTab
- inputName
- maxLength
- inputPattern
- disableRowButtonContainers
- disableButtonHold
- syncInstanceInputs
- physicalKeyboardHighlight
- physicalKeyboardHighlightPress
- physicalKeyboardHighlightTextColor
- physicalKeyboardHighlightBgColor
- onKeyPress
- onChange
- onRender
- beforeFirstRender
- beforeRender
- onInit
- onKeyReleased
- onChangeAll
- rtl
- layoutCandidates
- enableLayoutCandidates
- layoutCandidatesPageSize
- excludeFromLayout
- baseClass
- Methods
- Options
- Modules
- Questions & Answers
- Edit or add new buttons
- How to make my keyboard responsive?
- Change colors and design
- Give a different class to the keyboard
- Style a group of buttons
- How to make the gap between the buttons clickable?
- Usage with multiple inputs
- Show/hide toggling
- Adding multiple keyboards
- Synchronize keyboard instances
- Different Shift and Caps Lock behavior
- Is Internet Explorer supported?
- Fixing KEYBOARD_DOM_ERROR
- Demos