jargonsdev / jargonsdev/jargons.dev

Add Visual Cues for Keyboard Navigation in Search Dialog

Offen
#35 19 Kommentare 0 Reaktionen 1 zugewiesene Person Beansprucht von @motuncoded Auf GitHub ansehen
:arrow_lower_right: low priority :sparkles: enhancement hacktoberfest
Vorherrschende Sprache
MDX
Sterne
56
Forks
45
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

The Search Dialog component currently supports keyboard navigation using the up, down, and enter keys. However, there are no visual cues to indicate these key bindings to users. This issue requests the implementation of visual buttons for these key bindings at the footer of the Search Dialog to improve user experience and accessibility.

**What we've got**

![image](https://github.com/jargonsdev/jargons.dev/assets/25631971/a76a8237-737f-4d18-a90d-7773bceee001)

**What we want 😉**

![image](https://github.com/jargonsdev/jargons.dev/assets/25631971/1b7a6a6d-192d-4754-9a5d-d45c0f340800)

#### Tasks
1. **Add Buttons for Key Bindings:** Implement buttons for the up, down, and enter keys in the footer of the Search Dialog.
2. **Style Buttons:** Style the buttons to make them visually distinct and easily recognizable.

#### Related Files
- `search.jsx` component in the `src/components/islands` directory

#### Acceptance Criteria
- Visual buttons for up, down, and enter keys are displayed in the footer of the Search Dialog.

#### Additional Notes
- Consider using icons or text labels to indicate the purpose of each button.

Beitragsleitfaden

Beitragsleitfaden öffnen

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.