I’m far from a UX designer but whenever I use something with toasts I feel like I don’t notice them pop up in my periphery. I think it would be better if the confirmation for an action I did just showed up wherever I performed that action (like a button changing state to a spinner and then either an error or a confirmation)

▲

hungrymagnum a day ago | parent [-]

This can be applied for a success (change the button to a green tick mark) or an unsuccessful action (change the button to a red x mark).

But what if you want to give details on why the action was unsuccessful? How do you show it near the button or change the button itself?

▲

chao- a day ago | parent [-]

>How do you show it near the button?

What stops you from placing these details you want as near as is reasonable to a button? Alternatively, placing the details near or in some container for the data/entity/element that the button relates to?

	▲	wildrhythms 13 hours ago \| parent [-]
		Good idea, but impossible to do when the user switches away from where the initial async interaction began.