Keyboard parts

How to add and style keyboard parts.

What Are Keyboard Parts?

Keyboard parts are used to display keyboard shortcuts. They are designed to resemble keys on a keyboard.

Example Keyboard Parts
Example Keyboard Parts

Adding the Keyboard Part

Choose the keyboard most closely aligned with what you need from the Parts Library.

Choose your preferred keyboard variation, select the part where you’d like to add the keyboard part and click ‘+ add to page’.

Editing and Styling A Keyboard Part

The main way you will edit a keyboard part is to change the text within the key so that your keyboard part reflects your desired key.

To edit the text within the keyboard part, select the text, and the property editor panel will open on the right. Update the text value with your preferred text.

Editing the Text Within a Keyboard Part

Like many other parts, colors, borders, shadow, opacity, rounding, and spacing can be applied using the property editor on the right, once the keyboard part has been selected. With that being said, you shouldn't need to do loads of styling given that the keyboard part is designed to look like keys on a keyboard.

Last updated

Was this helpful?