It would be nice if we had the ability to assign a background to buttons displayed in our row actions on a table component for to improve UX, end-user accessibility, and action clarity in apps.
Any talk of this being implemented in the future? Thanks!
Hey @AJVancattenburch - this isn't something I've specifically heard mentioned, but I've documented the request internally and will let you know when there's been an update.
In the meantime, I did happen to find a temporary custom CSS solution if anyone else is ever interested. Just be sure all your tables have a name ending with 'Table', i.e. 'firstTable', 'secondTable', etc. Also, be sure to update the data-testid value for each svg[data-testid="Icon::bold/interface-add-circle"] svg element's data-testid attribute so it matches the string value of whatever icon you are using for your row action:
This allows you to assign a background color to the button, an outline or border (if desired), and a fill color to the svg/icon that is in your button element.