Skip to Content
StylingZ-Index

Z-Index

Use z prop to control the z-index of an element.

Name

Styles

0
10
20
30
auto
popover
toast
tooltip

Documentation

Usage

05

04

03

02

01

import { Box } from "@optiaxiom/react"; import { Canvas } from "../Canvas"; export function App() { return ( <Canvas> <Box z="popover">05</Box> <Box z="30">04</Box> <Box z="20">03</Box> <Box z="10">02</Box> <Box z="0">01</Box> </Canvas> ); }
Last updated on