Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

#

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Jump to bottom

Keyboard Shortcut #501

Closed
10 tasks
Ibabalola opened this issue May 18, 2023 · 1 comment
Closed
10 tasks

Keyboard Shortcut #501

Ibabalola opened this issue May 18, 2023 · 1 comment
Assignees
@KavithaKurella
Labels
new component new component typography Create components for typography e.g. title
Milestone
0.8

Comments

@Ibabalola
Copy link
Contributor

Ibabalola commented May 18, 2023 •
edited by daniele-zurico
Loading

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'
@Ibabalola Ibabalola added the typography Create components for typography e.g. title label May 18, 2023
@daniele-zurico daniele-zurico added this to the 0.8 milestone May 25, 2023
@daniele-zurico daniele-zurico added the new component new component label May 25, 2023
@daniele-zurico
Copy link
Contributor

Closed by #504

# for free to join this conversation on GitHub. Already have an account? # to comment
Assignees

@KavithaKurella KavithaKurella

Labels
new component new component typography Create components for typography e.g. title
Projects
None yet
Milestone
0.8
Development

No branches or pull requests
3 participants
@daniele-zurico @Ibabalola @KavithaKurella