github / github/annotation-toolkit

[Feature request] Stamp to indicate interactive space

Offen
#44 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
feature request planned
Vorherrschende Sprache
Keine Sprachdaten
Sterne
320
Forks
33
Ø Merge
36 Min.
Gemergte PRs (30 T.)
2

Beschreibung

### Short description of the feature

Trying to solve the problem of visually showing the interactive target area around a visually smaller element

### More details about the feature

Problem: My team needs a way to show the interactive space around an element or group of elements. Existing stamp components don't cleanly convey to "add some padding so that there's a 24x24 interactive target" and writing it out isn't always sufficient to get the idea across to dev teams.

Proposed solution: A new component that can be freely sized to indicate a precise or approximate interactive space visually. The stamp has a label and low opacity that can be overlaid on a design.

Screenshot showing a bank account listing; there is a light blue overlay that encompasses the account name, number, and available balance, indicating that the entire area should be clickable/tappable, even though only the account name is linked.

### Alt text

- [x] My images use descriptive alt text.

### Code of Conduct

- [x] I agree to follow this project's Code of Conduct

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Review the existing stamp components in the Figma library and compare how they communicate annotated areas. Create a freely sized, low-opacity component with a label that visually indicates a precise or approximate interactive target area; done means the component clearly conveys the clickable or tappable space around smaller elements.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
figma
Bereich
accessibility, design
Issue-Typ
Feature
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Ruhig
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
52/100

Neue Issues direkt in Ihr Postfach

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