Currently for some reason it's not possible to change zIndex for Toaster component. But it's very likely to be possible.
The documentation says that this component has a property called zIndex, but as I said it's impossible to use it:
One of possible solutions:
import Toaster from 'evergreen-ui/src/toaster/src'
const toaster = new Toaster({ zIndex: 40 })
toaster.danger('Error occurred!')Another solution:
import { toaster } from 'evergreen-ui'
toaster.danger('Error occurred', { zIndex: 40 })
Currently for some reason it's not possible to change
zIndexfor Toaster component. But it's very likely to be possible.The documentation says that this component has a property called
zIndex, but as I said it's impossible to use it:One of possible solutions:
Another solution: