Coral is a thoroughly developed design system widely adopted by developers and designers for creating beautiful and user-friendly Sea internal products.
Copyright © 2018-2025 Sea Labs
Blogs
All blogsElevator
This component raises all z-index of popups like Tooltip, Menu, Dialog that is rendered inside this component. This component is particularly handy if you have full-size modals.
View code
Elevator works like CSS Stacking Context. For example, popups that are rendered inside <Elevator level={2}> will be on top of <Elevator level={1}>
View code
API
Elevator
| Prop name | Type | Default | Description |
|---|---|---|---|
| base | number | @deprecated Please use level instead | |
| level | number | 1 |