Questions & Answers
How to style a group of buttons
As of simple-keyboard 2.19.0, it is possible to group buttons together within the same row.
This is useful in cases where you would like to apply a specific styling to a subset of buttons in your row. Like in the following case (notice the positioning of the arrow up and arrow down buttons):
To group buttons together, you simply need to wrap them inside square brackets in your layout, like so
In this example, buttons 1 to 9 are grouped together in a div container.
Demos:
JS
Note: If you would like to disable this feature, use the option disableRowButtonContainer.