Skip to content

[Feature request] Stamp to indicate interactive space #44

Description

@julianmka

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

  • My images use descriptive alt text.

Code of Conduct

  • I agree to follow this project's Code of Conduct

Metadata

Metadata

Assignees

No one assigned

    Labels

    feature requestIdeas for additions or changes to the main libraryplannedThis issue is on the roadmap

    Fields

    No fields configured for Feature.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions