simple-keyboard/simple-keyboard-layouts

Adding thin space to the keyboard

goorgoor opened this issue · 4 comments

goorgoor commented

Hi there,

So i'm trying to edit this keyboard based on the farsi edition. What i miss is \u200C also known as Unicode Character 'ZERO WIDTH NON-JOINER'. I can add it and it works, but cant turn my head around visualising it like in this picture from a iOs keyboard.

So my question is how can i add an image like caps or shift to it?


e967a077-5dcc-4ac1-a7f0-74b5e0faec0b

hodgef commented

Check out this comment in specific, it should help hodgef/simple-keyboard#433 (comment)
Let me know if you still have issues - Thanks!

goorgoor commented

thanks for your reply, but i dont see how i can add "\u200C" to this part?

can you please provide with an example?

hodgef commented

I think the docs for the display property is pretty straightforward. What part is not clear?

You'd basically need to add your key to your layout, then use the display option to change how that key will be displayed in the keyboard.

https://codesandbox.io/s/flamboyant-matsumoto-mijnl?file=/src/index.js

Regards,
Francisco Hodge

  • 👍1