bug: toast, cannot render only button and have container fit width

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already include this feature request, without success.

Describe the Feature Request

i really like the Toast Component, but in 99% of my apps i ending up implementing my own toast’s, which has mostly two reasons:

• Swipeable feature (there exists a PR for that since a long time: #23124)
• Click handler on the toast itself - not a specific button

The second one is the one i want to target in here 😊

Describe the Use Case

It would be great beeing able to add a click handler to the whole toast. Two things i would use this for:

• “Undo” toast after an action
• In most apps i fetch push notifications when you are in app and present them via a toast - like instagram does.

For both cases the click handler would help a lot, as an extra button is not very nice here.

Describe Preferred Solution

This should work similar to the handler of e.g. an alert button: Called on click and you can return a boolean | Promise<boolean> that says if you should dismiss or don’t dismiss the toast

Describe Alternatives

No response

Related Code

No response

Additional Information

No response

[liamdebeasi]

The wrapper element itself is not a button, so it should not be clickable. It would definitely be easier, but having the container (with headers/messages) be clickable is not really how toast was intended to be used.

[EinfachHans]

Wouldn’t it be easier then to just add a click handler? 🤔 This would also give the advantage that it would work with header and message for example