Skip to content

Documenting Individual Row Actions in Tables / Add support for hover-to-reveal row actions #13980

@BernhardRieder1

Description

@BernhardRieder1

Summary

I'd like to request an update to the Shopify Polaris documentation to include an example of how to implement individual row actions that appear on hover within tables. The current documentation encourages this pattern but doesn't provide a clear method for achieving it.

Rationale

The Polaris guidelines for common actions suggest hiding certain actions, such as "Delete," until a user hovers over a specific row in a list or table. This is an excellent usability practice for preventing accidental clicks and maintaining a clean interface. However, there isn't a documented, native way to achieve this using the Table or ResourceList components, nor is there a clear example provided in the documentation. Adding a code example or a new native prop for this functionality would be greatly beneficial for developers aiming to follow the recommended Polaris patterns.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions