Toasts on Web now have a new variant for when they can be clicked to reveal more info in a popover or menu. The toast has an outward-facing chevron which inverts in color when hovered or the popover is open.
https://www.figma.com/design/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=3627-42621
We should implement this in our Toast component by making it automatically apply clickable styles and show the 'more info' hint whenever aria-haspopup is set. It should additionally react to the state of aria-expanded. That way a <Toast/> can be used as the trigger of a <Menu/> without any additional configuration.
Toasts on Web now have a new variant for when they can be clicked to reveal more info in a popover or menu. The toast has an outward-facing chevron which inverts in color when hovered or the popover is open.
https://www.figma.com/design/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?node-id=3627-42621
We should implement this in our Toast component by making it automatically apply clickable styles and show the 'more info' hint whenever
aria-haspopupis set. It should additionally react to the state ofaria-expanded. That way a<Toast/>can be used as thetriggerof a<Menu/>without any additional configuration.