Layering

We use z-indices to control layering in our user interfaces by providing a third axis to arrange content. They are commonly used for overlay components such as for modals, popovers and tooltips.

import {tokens} from '@pleo-io/telescope'

const element = styled.div`
    z-index: ${tokens.zIndexSurface};
`