search

segmentio / evergreen

🌲 Evergreen React UI Framework by Segment
https://evergreen.segment.com
MIT License
12.36k stars 833 forks source link

zIndex for Toaster #1660

Open len0xx opened 11 months ago

len0xx commented 11 months ago

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:

image

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 })
Kamal0078k commented 10 months ago

PR #1662 solves the toaster zIndex issue