Currently <Toaster /> has a fixed position property. Would like to specify position dynamically when calling toast, without multiple instances. So we can just import <Toaster /> in the highest component and use toasts in different positions.
<Toaster />
<script setup>
// Expect: different positions for different calls
toast('Message', { position: 'top-left' })
toast.success('Success', { position: 'bottom-right' })
</script>
Does the position parameter work currently? If not, is there a plan to support this?
Currently
<Toaster />has a fixed position property. Would like to specify position dynamically when callingtoast, without multiple instances. So we can just import<Toaster />in the highest component and use toasts in different positions.Does the
positionparameter work currently? If not, is there a plan to support this?