# Keyboard Text Button Component

**URL:** <https://meta.discourse.org/t/keyboard-text-button-component/117501>\
**Category:** Theme component\
**Created:** [May 12, 2019, 6:00am UTC](https://meta.discourse.org/t/keyboard-text-button-component/117501 "2019-05-12T06:00:38Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Chaboi\_3000](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chaboi_3000/32/163015_2.png) [@Chaboi\_3000](https://meta.discourse.org/u/Chaboi_3000)\
**Post date:** [May 12, 2019, 6:00am UTC](https://meta.discourse.org/t/keyboard-text-button-component/117501/1 "2019-05-12T06:00:38Z")

</div>

This is a small theme component that creates a button in the composer that on-click, will generate a `<kbd>Text</kbd>` in the composer.  
[Repository link:](https://github.com/Chaboi45/Discourse-Keyboard-Text/)  
`https://github.com/Chaboi45/Discourse-Keyboard-Text/`

### Preview

> **['Keyboard Text Button Component' by @Chaboi\_3000](https://discourse.theme-creator.io/theme/Chaboi_3000/keyboard-shortcut)**
>
> A customization for Discourse shared on Discourse Theme Creator

### Illustration

#### What it looks like:

 ![12%20PM](https://global.discourse-cdn.com/meta/original/3X/5/f/5f2c11eec7b459ac2bca7ee730b23e6144935966.png)

#### On click:

 ![35%20PM](https://global.discourse-cdn.com/meta/original/3X/5/6/569977b98fb78f51f8851d5efd65c8f4bd73a86c.png)

#### Composer Preview:

 ![15%20PM](https://global.discourse-cdn.com/meta/original/3X/c/9/c96d5e9931dbaa1b755ee52247981c41021958fb.png)

If you are interested in using this theme component:

- Copy `https://github.com/Chaboi45/Discourse-Keyboard-Text/` then go to admin \> customize \> themes \> import \> web then paste the link.
- Click Import
- Select the main theme(s) that users can use and add the component to each theme and you’ll see the theme component in action!

---

_[View the full topic](https://meta.discourse.org/t/keyboard-text-button-component/117501)._