Keyboard Shortcut

[Ibabalola]

As a developer I want to be able use a KeyboardInput component so that I can easily add keyboard shortcuts

The component should contain:

• [ ] embedded className called dcx-keyboard-Input
• [ ] relevant classes for shared / reusable styling
• [ ] the ability to specify the value of the label
• [ ] the ability to specify other props (...props)

KeyboardInput behind the scenes is a kbd tag:

<kbd>ctrl + p</kbd> 

The final user will use in this way:

<KeyboardInput>ctrl + p</KeyboardInput>

and the outcome will be something like this:

<kbd>ctrl + p</kbd> 

Tasks:

• [ ] Add unit tests
• [ ] Add Application code with commented props
• [ ] Add the ability to specify other props (...props)
• [ ] Add Demo use of component
• [ ] Add to storybook documentation file with examples (.mdx) in a section called Typography
• [ ] Add to live demo

MDN Docs: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/kbd

Please follow the below to create your branch

git checkout release/0.8
git pull
git checkout -b 'feature/keyboard-input'

[daniele-zurico]

Closed by https://github.com/Capgemini/dcx-react-library/pull/504